"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > هل يمكن أن تحاكي متغيرات CSS وظيفة Sass `Darken ()` لتوليد الظلال؟

هل يمكن أن تحاكي متغيرات CSS وظيفة Sass `Darken ()` لتوليد الظلال؟

نشر في 2025-02-06
تصفح:554

Can CSS Variables Mimic Sass's `darken()` Function for Color Shade Generation?

إنشاء ظلال من اللون المحدد؟ -الألوان الابتدائية: #f00 ؛ -الذكرة ذات اللون الأساسي: HSL (من var (-color-promary) h s calc (l-5)) ؛ -ألوان البريخية: HSL (من var (-color-promary) h s calc (l-10)) ؛ }

إليك كيفية عمله:

بنسبة 5 ٪ باستخدام HSL (). استخدم هذه المتغيرات لأسلوب العناصر:

. الزر { الخلفية: var (-color-probary) ؛ } . ولكن: تحوم ، . ولكن: التركيز { الخلفية: VAR (-Darker-PRIMARY-PRIMARY) ؛ } . ولكن: نشط { الخلفية: VAR (-ألوان الهروب) ؛ }

يتيح لك هذا النهج تحديد ظلال اللون ديناميكيًا دون تعديل متغير اللون ، وتحقيق التأثير التدريجي المطلوب بثلاثة ظلال.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3