ساخت فیلتر CSS تصویر

فیلترهای blur، brightness، contrast، grayscale، hue-rotate، invert، saturate و sepia را با پیش‌نمایش زنده تنظیم کنید.

ابزار ساخت فیلتر CSS تصویر، افکت‌هایی مثل بلور، روشنایی و سیاه‌وسفید را روی عکس اعمال می‌کند و کد می‌دهد. ویرایش تصویر بدون فتوشاپ.

فیلترهای blur، brightness، contrast، grayscale، hue-rotate، invert، saturate و sepia را با اسلایدر و پیش‌نمایش زنده تنظیم کنید و کد CSS آن را کپی کنید.

فیلترهای CSS بدون تغییر فایل اصلی عکس، افکت را هنگام نمایش اعمال می‌کنند و برای هاور و حالت‌های تعاملی عالی‌اند.

توسعه‌دهندگان و طراحان وب از این ابزار استفاده می‌کنند. برای دیدن اثر رنگ روی کاربران کوررنگ از شبیه‌سازی کوررنگی کمک بگیرید.

سوالات متداول

فیلتر CSS چیست؟

فیلتر CSS مجموعه‌ای از افکت‌های بصری است که هنگام نمایش روی عنصر یا تصویر اعمال می‌شود بدون اینکه فایل اصلی تغییر کند.

فیلتر grayscale چه می‌کند؟

فیلتر grayscale تصویر را سیاه‌وسفید می‌کند؛ مقدار آن بین صفر تا صد درصد قابل تنظیم است.

آیا فیلترها روی عملکرد اثر می‌گذارند؟

فیلترهای سنگین مثل بلور روی تعداد زیادی عنصر می‌توانند کمی روی عملکرد اثر بگذارند، اما در استفاده‌ی معمول مشکلی ندارند.