CSS با طعم تاکو؛ آموزش ساخت ساندویچ تاکو با HTML و CSS

?How To Create a Taco with CSS

create-a-taco-with-css

شاید بدانید که تاکو یک نوع ساندویچ یا لقمه‌ مکزیکی مشهور است. محبوبیت این غذای خیابانی آنقدر زیاد است که سال گذشته تنها در ایالات متحده ۴٫۵ میلیارد تاکو خورده شده است! در ویدیوی آموزشی پیش‌رو قصد داریم با استفاده از 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

نویسنده شوید

دیدگاه‌های شما

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.