مولد مرشح CSS

يعد CSS Filter Generator محررًا مرئيًا لخاصية مرشح CSS. يمكنك تحريك شريط تمرير لكل وظيفة مرشح - التمويه، والسطوع، والتباين، والتشبع، والتدرج الرمادي، والبني الداكن، والعكس، وتدوير اللون، والعتامة - ومشاهدة التأثير ينطبق على المعاينة في الوقت الفعلي، ثم نسخ CSS الدقيق الذي تنتجه.

تطبق خاصية الفلتر تأثيرات رسومية مثل التعتيم وتغيير اللون وتعديل التباين مباشرة في المتصفح ، دون الحاجة إلى محرر الصور. يمكن تقييد الوظائف المتعددة في إعلان واحد ويتم تطبيقها بالترتيب ، وهي الطريقة التي يتم بها بناء مظهر نمط الصورة مثل الطراز القديم والدافئ والدرامي. تدير هذه الأداة هذه السلسلة نيابة عنك وتخرج فقط الوظائف التي قمت بتغييرها بالفعل ، مما يحافظ على نظافة CSS.

كل شيء يحدث في متصفحك. ابدأ من إعداد مسبق مثل Vintage أو Graycale ، وقم بضبط كل وظيفة ، وانسخ الإعلان. لا يوجد حساب ولا تحميلات ، ويستمر في العمل دون اتصال بمجرد تحميل الصفحة.

تنطبق المرشحات بالترتيب المكتوب، ويغير الترتيب النتيجة: التدرج الرمادي ثم البني الداكن ليس هو نفسه البني الداكن ثم التدرج الرمادي، لأن الأول يزيل اللون الذي قد يلطخه الثاني. المسكتك التي تستحق المعرفة هي هيكلية وليست مرئية. أي عنصر يحتوي على مرشح بخلاف لا شيء يصبح كتلة تحتوي على أحفاده الثابتين والموضعين بشكل مطلق، لذا فإن القائمة المنسدلة أو المشروطة داخل الأصل الذي تمت تصفيته ستضع نفسها مقابل هذا الأصل بدلاً من إطار العرض. كما أنه ينشئ سياق تكديس جديدًا، والذي يمكنه كسر ترتيب مؤشر z الذي نجح من قبل. إذا قام المرشح بكسر التخطيط بطريقة لا علاقة لها بالمظهر، فهذا هو السبب دائمًا تقريبًا. يتم تسريع عوامل التصفية في معظم المتصفحات، ولكن يظل نصف قطر التمويه الكبير على العناصر الكبيرة باهظ الثمن.