الفرق بين المراجعتين ل"Sass/transparentize"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE: الدالة <code>()transparentize</code> في Sass}}</noinclude> تجعل الدالة <code>()transparentize</code> اللون أكثر ش...') |
(لا فرق)
|
مراجعة 17:30، 19 أبريل 2018
تجعل الدالة ()transparentize
اللون أكثر شفافيةً. تأخذ لونًا وعددًا بين 0
و 1
، وتعيد لونًا مع زيادة شفافيته بذلك المقدار.
البنية العامة
transparentize($color, $amount)
المعاملات
$color
قيمة لونية.
$amount
مقدار زيادة الشفافية.
القيم المعادة
اللون المُعدّل.
الأخطاء والاستثناءات
سيُرمى الخطأ ArgumentError
إن كان $amount
خارج الحدود أو كان أحد المعاملين من النوع الخطأ.
أمثلة
مثال عن استخدام الدالة opacify()
لضبط قيمة اللون (color) ولون الخلفية (background-color):
.selector {
color: opacify(rgba(0, 0, 0, 0.5), 0.1) // rgba(0, 0, 0, 0.6)
background-color: opacify(rgba(0, 0, 17, 0.8), 0.2) // #001
}
سيُصرّف المثال السابق إلى شيفرة CSS
الآتية:
.selector {
color: rgba(0, 0, 0, 0.6);
background-color: #001;
}
انظر أيضًا
- الدالة
desaturate()
: تجعل اللون أقل تشبّعًا. - الدالة
saturation()
:تُعيدُ الدالة مُكوّن التشبع الخاص باللون.