تولید کننده فیلتر CSS
یک ابزار بصری برای تولید و پیش‌نمایش ویژگی‌های فیلتر CSS.
تنظیمات فیلتر
هر ویژگی فیلتر را تنظیم کنید
از پیش تعیین شده‌ها
سبک‌های فیلتر از پیش تعریف شده را امتحان کنید
پیش‌نمایش
افکت‌های فیلتر تولید شده را روی تصویر پیش‌فرض ببینید
اصلی
فیلتر شده
Filter Preview
CSS تولید شده
filter: none;توضیح توابع فیلتر CSS
افکت‌های بصری
- • blur(px): افکت تاری
- • brightness(%): تنظیم روشنایی
- • contrast(%): تنظیم کنتراست
- • opacity(%): تنظیم کدورت
افکت‌های رنگی
- • grayscale(%): افکت سیاه و سفید
- • hue-rotate(deg): چرخش فام
- • invert(%): معکوس کردن رنگ
- • saturate(%): تنظیم اشباع
- • sepia(%): افکت سپیا
نکات استفاده
- • چندین فیلتر را با فاصله از هم ترکیب کنید
- • برای هر عنصر HTML، نه فقط تصاویر، اعمال کنید
- • برای افکت‌های پویا از انیمیشن‌های CSS استفاده کنید
- • برای اعمال فقط روی پس‌زمینه‌ها از backdrop-filter استفاده کنید