no-img
دیزاینر

سیر تا پیاز رنگها ( color ) در CSS ( قسمت آخر )


دیزاینر
مطالب ویژه
اطلاعیه های سایت

adsads
گزارش خرابی لینک
اطلاعات را وارد کنید .

ادامه مطلب

سیر تا پیاز رنگها ( color ) در CSS ( قسمت آخر )
zip
مرداد ۲۵, ۱۳۹۴

سیر تا پیاز رنگها ( color ) در CSS ( قسمت آخر )


ادامـــــه مطالــــب قبلـــــی

css-colors

۵٫ HSLA :

بهمون صورت که RGBA هست ، HSLA هم وجود داره که خاصیت Alpha یا شفافیت رو به HSL اضافه کرده. مانند گذشته شفافیت میتونه مقداری بین ۰ و یک داشته باشه. فرمت کلی :

مثال :

خروجی :

css-colors16

میبینید که رنگ موجود دارای شفافیت هست و حالت زیبایی رو بوجود آورده.

۶٫ کلمه های کلیدی مربوط به رنگ :

مثال :

خروجی :

css-colors17

بجای استفاده از rgb و … میتونین از نام خاصی که به رنگها داده شده استفاده کنید. CSS تعداد ۱۶ رنگ ساده رو نامگذاری کرده و میتونیم از اونا استفاده کنیم :

css-colors18

با گذشت زمان و آمدن CSS های ۲ و ۳ تعداد این نام رنگها بیشتر و بیشتر شد. از نامهای زیر هم میتونین استفاده کنید :

css-colors19

کلمه کلیدی Transparent :

این کلمه یک راه ساده برای مشخص کردن رنگی هست که شفافیت یا opacity اون برابر با ۰ باشه. یعنی رنگ مورد نظر نامرئی میشه و نمیشه اون رو دید. مثال :

کلمه کلیدی currentColor :

این کلمه برای راحتی و سهولت بوجود اومده و معنی اون اینه که مقدار رنگ مورد نظر ، همون رنگی هست که به ویژگی color نسبت داده شده است. بزارید یک مثال بزنم :

میبینید که رنگ blue رو در ۴ جا تکرار کردیم. بجای اینکار میتونیم یکبار blue رو در مقابل color استفاده کرد و بجای بقیه رنگهای از کلمه کلیدی currentColor استفاده کرد. بصورت زیر :

اگه خروجی رو نگاه کنید ، نتایج یکسان و یکی هستن. مزیت اینکار اینه که ، اگر بعدا خواستید رنگ رو عوض کنید ، لازم نیس که برید و ۴ تا رنگ رو عوض کنید ، با تغییر مقدار color ، بقیه هم متناسب با اون عوض میشن.

خب دوستان خسته نباشید.



ads

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

Admin 183 نوشته در دیزاینر دارد . مشاهده تمام نوشته های

دیدگاه ها


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

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