مولد فلاتر CSS

مرجع

ما هي خاصية CSS filter؟

خاصية CSS filter تطبق تأثيرات رسومية على عنصر.

جميع دوال فلاتر CSS

blur(px): يطبق ضبابية غاوسية.
brightness(%): يضبط السطوع.
contrast(%): يضبط التباين.
grayscale(%): يحول إلى تدرج رمادي.
hue-rotate(deg): يدور الألوان.
invert(%): يعكس الألوان.
opacity(%): يضبط الشفافية.
saturate(%): يضبط التشبع.
sepia(%): يطبق لون سيبيا.

اعتبارات الأداء

فلاتر CSS مسرّعة بواسطة GPU في المتصفحات الحديثة.

حالات الاستخدام الشائعة

تأثيرات hover للصور — تدرج رمادي في الراحة، ألوان عند التحويم.

الخصوصية

كل توليد الفلاتر يعمل 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.