فیلتر CSS چه کاری انجام میدهد؟
اگر با فتوشاپ آشنایی کمی داشته باشید میدانید که با استفاده از ابزارهای فیلتر آن میتوان تصویرمان را به شکلی پردازش کنیم که مورد نظر ما باشد. حالا تصور کنید که بشود بخش زیادی از همان تغییرات را با خود CSS انجام داد و دیگر نیازی نباشد که برای هر تغییر کوچک یک نسخه جدید از عکسمان در فتوشاپ تولید کنیم. ابزار آنلاین ساخت فیلتر با CSS کدهای مربوط به دستورات این بخش را به آسانی برای شما تولید میکند.
لیست فیلترهای CSS
دستور ساخت فیلتر با CSS شامل ویژگی هایی است که فهرست آن را در زیر مشاهده میکنید.
- blur – خاصیت تار شدگی
- brightness – خاصیت روشنایی
- contrast – خاصیت کنتراست
- drop-shadow – خاصیت ایجاد سایه
- grayscale – خاصیت سیاه و سفید کردن عکس
- hue-rotate – چرخش طیف رنگها
- invert – خاصیت معکوس کردن رنگها
- opacity – خاصیت محو شدگی
- saturate – خاصیت غلضت رنگ
- sepia – خاصیت قهوه ای کردن عکس
نحوه کار با ابزار ساخت فیلتر با CSS
کار با این ابزار بسیار ساده است. زمانی که شما این ابزار را مشاهده میکنید دارای یک عکس پیشفرض است. در صورتی که میخواهید تغییرات را روی عکس مورد نظر خودتان مشاهده کنید با گرفتن عکس و رها کردن آن در محل عکس به صورت خودکار جایگزین آن میشود. حالا با استفاده از دستکهایی که در زیر آن قرار دارد میتوانید خواصی که در لیست بالا قرار دارد را به نحوی تغییر دهید که مورد پسند شما باشد. مشاهده میکنید دستورات فیلتر CSS به صورت آنی در زیر آن تولید شده و میتوانید آن را کپی کنید.
معرفی چند ابزار تولید کدهای CSS در فرازگر
- ابزار ساخت Gradient با CSS: این ابزار برای تولید طیفهای رنگی کاربرد دارد و اجازه میدهد طیف مورد نظر خود را طراحی کنید.
- ابزار ساخت مثلث با CSS: اگر به دنبال تجربه کاربری بهتر در طراحی صفحات وب هستید این ابزار به شما کمک میکند شکل مثلث را نحو دلخواه خود طراحی کنید و به طراحی های خود بی افزایید.
- ابزار انتخاب کد رنگ: این ابزار کد رنگ مورد نظر شما را با دو فرمت HEX و RGB به شما نمایش میدهد.