انتقل إلى محتوى الدرس

Blur Saturate Hue and Invert التمويه والتشبع وتدوير اللون

طبّق المرشحات البصرية الفورية في لغة CSS لضبط السطوع والتباين والتدرج الرمادي والتمويه، ورسم ظلال تتبع حدود الأيقونات المفرغة وتصميم واجهات الزجاج الضبابي الأنيقة.
2 صفوف تعليمية
لغة CSS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تكتمل منظومة التحكم اللوني بخمس دوال إضافية: تموه blur(4px) تفاصيل العنصر بنصف قطر يُقاس بالبكسل، وتزيد saturate(150%) تشبع الألوان وحيويتها فوق 100%، وتدير hue-rotate(90deg) صبغة كل بكسل حول عجلة الألوان ذات 360 درجة، وتعكس invert(100%) القيم اللونية بين الفاتح والداكن لمعالجة الأيقونات الأحادية، بينما تطبق opacity(80%) شفافية مدمجة ضمن خط المعالجة الرسومي.

الصف 2 ملاحظة هامة