cssطراحی سایت

جلسه ۵۲: گرادیان های خطی در CSS

گرادیان های خطی CSS چگونه کار می کنند؟ بیایید نگاهی به این درس بیندازیم. به زبان بسیار ساده ، یک گرادیان خطی یک شیب است که یک رنگ به رنگ دیگر روی یک خط محو می شود. منظور من این است: تصویر یک شیب از قرمز به سیاه است

ابتدایی ترین نحو

بگذارید بگوییم شما یک گرادیان خطی از قرمز به زرد می خواهید ، چگونه این کار را انجام می دهید؟ ساده.

div {
    background-image: linear-gradient(yellow, red)
}

نتیجه این است:

html,
body {
  width: 100%;
  height: 100%;
}

div {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(yellow, red)
}

<html>

 <head>

   <script type=”text/javascript” src=”https://code.jquery.com/jquery-1.12.0.js”></script>

 </head>

 <body>

   <div></div>

 </body>

</html>

آیا نگاهی به نام property در کد بالا انداختید؟

تصویر پس زمینه؟؟؟

من این را در درس بعدی توضیح خواهم داد.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا