شاید بدانید که تاکو یک نوع ساندویچ یا لقمه مکزیکی مشهور است. محبوبیت این غذای خیابانی آنقدر زیاد است که سال گذشته تنها در ایالات متحده ۴٫۵ میلیارد تاکو خورده شده است! در ویدیوی آموزشی پیش‌رو قصد داریم با استفاده از CSS یک ساندویچ تاکوی خوشمزه درست کنیم! ابتدا با یه قاشق چای‌خوری HTML شروع می‌کنیم! بعد از آن، نوبت به اضافه کردن کاهو، گوجه و مخلفات دیگر می‌رسد؛ البته نه کاهو و گوجه واقعی، کاهو و گوجه فرآوری شده توسط CSS!
پیش نیاز این آموزش:
- آشنایی با HTML
- آشنایی با CSS
چه مطالبی در این ویدیوی آموزشی خواهید دید؟
- نحوه در مرکز قرار دادن یک المان با استفاده از ;position:absolute
- استفاده از psuedo class ها
- آشنایی با box-shadow
- شیوه استفاده از radial-gradient
ویدیوی آموزش طراحی ساندویچ تاکو با HTML و CSS
خلاصه آموزش ویدیویی:
- در این آموزش از ادیتور آنلاین codepen استفاده شده است.
- با استفاده از border-radius قوس نان را ایجاد می‌نمائیم.
- طرح روی نان را با استفاده از background-image: radial-gradient ایجاد می‌کنیم.
- مخلفات ساندویچ را با box-shadow طراحی می‌کنیم.
منبع: سایت codepen