الفرق بين المراجعتين لصفحة: «Sass/adjust hue»
< Sass
لا ملخص تعديل |
|||
| سطر 37: | سطر 37: | ||
* الدالة <code>[[Sass/alpha|alpha()]]</code>: تُعيد قيمة مكون الشفافيَّة (alpha). | * الدالة <code>[[Sass/alpha|alpha()]]</code>: تُعيد قيمة مكون الشفافيَّة (alpha). | ||
* الدالة <code>[[Sass/adjust color|adjust_color()]]</code>: تغيِّر خاصِّيَّات اللون. | * الدالة <code>[[Sass/adjust color|adjust_color()]]</code>: تغيِّر خاصِّيَّات اللون. | ||
* الدالة <code>[[Sass/alpha|hsl()]]</code>: تُنشئ لونًا | * الدالة <code>[[Sass/alpha|hsl()]]</code>: تُنشئ لونًا انطلاقًا من قيم الصبغة والتشبُّع والإضاءة. | ||
== مصادر == | == مصادر == | ||
مراجعة 13:18، 7 مايو 2018
تُغير الدالة adjust_hue() صبغة (hue) اللون إذ يمرر لها اللون وعدد الدرجات (يكون عادةً ما بين -360deg و 360deg) ، ثمَّ تُعيد لونًا بعد تدوير الصبغة على طول عجلة اللون (color wheel) بالمقدار المُحدّد.
البنية العامة
adjust_hue($color, $degrees)
المعاملات
$color
اللون المراد تعديله.
$degrees
عدد درجات تدوير الصبغة.
القيم المعادة
تُعاد قيمة لونيَّة بعد التعديل.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError إذا كان أيٌّ من المعاملات من النوع الخطأ.
أمثلة
المثال 1: استخدام الدالة adjust_hue() مع قيمة لونيَّة بالنظام الست عشري، وأخرى باستخدام الدالة hsl().
.selector {
background-color: adjust-hue(hsl(120, 30%, 90%), 60deg); // #deeded
color: adjust-hue(#811, 45deg); // #886a11
}
سيُصرّف المثال السابق إلى شيفرة CSS الآتية:
.selector {
background-color: #deeded;
color: #886a11; }
انظر أيضًا
- الدالة
alpha(): تُعيد قيمة مكون الشفافيَّة (alpha). - الدالة
adjust_color(): تغيِّر خاصِّيَّات اللون. - الدالة
hsl(): تُنشئ لونًا انطلاقًا من قيم الصبغة والتشبُّع والإضاءة.