CSS Image Filter Effects
در CSS میتونی روی تصاویر افکتهای مختلفی با خاصیت filter
اعمال کنی. این افکتها بدون نیاز به فوتوشاپ یا ویرایشگر تصویر، مستقیم در مرورگر اجرا میشن.
🔹 سینتکس
میتونی چند افکت رو همزمان بذاری:
🔹 انواع فیلترها
-
Blur (تاری)
-
Brightness (روشنایی)
-
Contrast (کنتراست)
-
Grayscale (سیاه و سفید)
-
Hue-rotate (چرخش رنگ)
-
Invert (معکوس کردن رنگها)
-
Opacity (شفافیت)
-
Saturate (اشباع رنگها)
-
Sepia (قدیمی / قهوهای)
🔹 ترکیب چند فیلتر
🔹 هاور با فیلتر
✅ وقتی موس روی عکس میاد، افکتها اجرا میشن.
🔸 این فیلترها علاوه بر عکس، روی ویدیو و حتی بکگراندها هم قابل استفاده هستن!