این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش کار با کد HSLA رنگ ها در طراحی وب
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با کد HSLA رنگ ها در طراحی وب با من همراه باشید.
Free-Learn
کار با کد HSLA رنگ ها در طراحی وب
این کد رنگ هم دقیقا همون HSL می باشد که در بخش قبلی باهاش آشنا شدید، فقط در HSLA یک کانال جدید به اسم Alpha (آلفا) که با استفاده از آن میتوان میزان شفافیت رنگ را مشخص کرد اضافه شده.
شکل کلی کدرنگ HSLA :
|
1 |
hsla(hue, saturation, lightness, alpha) |
مثال از کدرنگ HSLA در طراحی وب :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<body> <p style="background-color:hsla(120,100%,50%,0.3);">Free-Learn</p> <p style="background-color:hsla(120,100%,50%,0.6);">Free-Learn</p> <p style="background-color:hsla(120,100%,50%,0.8);">Free-Learn</p> <p style="background-color:hsla(120,100%,50%,1);">Free-Learn</p> <p style="background-color:hsla(290,100%,50%,0.3);">Free-Learn</p> <p style="background-color:hsla(290,100%,50%,0.6);">Free-Learn</p> <p style="background-color:hsla(290,100%,50%,0.8);">Free-Learn</p> <p style="background-color:hsla(290,100%,50%,1);">Free-Learn</p> </body> |
