مولّد فلاتر CSS

كيف تعمل

يرتبط كل شريط تمرير مباشرة بدالة CSS filter واحدة (blur()، وbrightness()، وcontrast()، وsaturate()، وgrayscale()، وsepia()، وhue-rotate()، وinvert()). تُحذف الدوال المتروكة عند قيمتها المحايدة من الناتج للحفاظ على بساطة كود CSS المنسوخ، وتُدمج البقية بمسافات، لأن CSS يُطبِّق دوال الفلترة المتسلسلة بالترتيب الذي كُتبت به. تُضبَط هذه السلسلة النصية بالضبط كنمط filter الخاص بصورة المعاينة، لذا فما تراه هو التأثير الحقيقي، لا محاكاة له.

تُحمَّل صورتك كرابط كائن محلي (object URL) ولا تغادر علامة تبويب المتصفح أبدًا؛ لا توجد خطوة رفع.