الفرق بين المراجعتين لصفحة: «Sass/opacify»

مراجعة 17:27، 19 أبريل 2018

تجعل الدالة ()opacify (تٌسمّى كذلك fade_in) اللون أكثر شفافيةً. تأخذ لونًا وعددًا بين 0 و 1، وتعيد لونًا مع زيادة شفافيته بذلك المقدار.

opacify($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;
}

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE: الدالة <code>()opacify</code> في Sass}}</noinclude>
-تجعل الدالة <code>()opacify</code> اللون أكثر شفافيةً. تأخذ لونًا وعددًا بين <code>0</code> و <code>1</code>، وتعيد لونًا مع زيادة شفافيته بذلك المقدار.
+تجعل الدالة <code>()opacify</code>  (تٌسمّى كذلك <code>fade_in</code>) اللون أكثر شفافيةً. تأخذ لونًا وعددًا بين <code>0</code> و <code>1</code>، وتعيد لونًا مع زيادة شفافيته بذلك المقدار.
 == البنية العامة ==
 <syntaxhighlight lang="sass">