مولد مرشح CSS

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

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

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

هنا مولد مرشح CSS على مظهر صورة دافئ. انقر فوق مرشح القراءة CSS الدافئ والمولد: السطوع (105%) مشبع (140%) بني داكن (25%)؛ مع تحول المعاينة نحو الكهرمان. اسحب Blur إلى 2px ويصبح الخط مرشحًا: سطوع (2px) (105%) مشبع (140%) بني داكن (25%)؛. انقر فوق لا شيء، أو اضغط على إعادة الضبط، وسيعود للتصفية: لا شيء؛. نظرًا لأن المعاينة عبارة عن عينة ألوان ثابتة وليست صورتك الخاصة، تحقق من CSS المنسوخ على الصورة الحقيقية قبل شحنها.

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