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

المراجعة الحالية بتاريخ 07:01، 20 مايو 2018

تعيد الدالة ()opacity قيمة مكوِّن الشفافيَّة (opacity) للون الممرَّر إليها. قيمتها غالبًا تساوي 1 إلا في حال عدِّلت.

البنية العامة

opacity($color)

المعاملات

`‎$color`

اللون المراد معرفة قيمة مكوِّن الشفافيَّة فيه.

القيم المعادة

تُعاد قيمة مكوِّن الشفافيِّة (alpha) للون ‎$color، وتتراوح بين 0 و1.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إن لم يكن ‎$color لونًا.

أمثلة

أمثلة نموذجية عن استخدام الدالة opacity()‎:

opacity(red);                  // 1
opacity(rgba(255, 0, 0, 0.5)); // 0.5

انظر أيضًا

الدالة red()‎: تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها.
الدالة ()blue‎: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها.
الدالة ()green‎: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها
الدالة saturation()‎: تعيد قيمة مكوّن التشبع للون الممرَّر إليها.
الدالة ()lightness: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها.
الدالة ()transparentize: تجعل اللون أكثر شفافيَّةً.
الدالة opacify()‎: تجعل اللون أكثر عتامةً.

مصادر

قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي.

@@ سطر 1: / سطر 1: @@
-<noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code>‎ في Sass}}</noinclude>
+<noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude>
-تعيد الدالة <code>()opacity</code> مكوّن الشفافية (opacity)، تكون قيمته عادةً <code>1</code>، إلا في حال إعطائه قيمةً أخرى.
+تعيد الدالة <code>()opacity</code> قيمة مكوِّن الشفافيَّة (opacity) للون الممرَّر إليها. قيمتها غالبًا تساوي 1 إلا في حال عدِّلت.
+==البنية العامة==
-== البنية العامة ==
 <syntaxhighlight lang="sass">
 opacity($color)
 </syntaxhighlight>
+==المعاملات==
+===<code>‎$color</code>===
+اللون المراد معرفة قيمة مكوِّن الشفافيَّة فيه.
+==القيم المعادة==
+تُعاد قيمة مكوِّن الشفافيِّة (alpha) للون <code>‎$color</code>، وتتراوح بين 0 و1.
+==الأخطاء والاستثناءات==
+سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$color</code> لونًا.
-== المعاملات ==
+== أمثلة ==
+أمثلة نموذجية عن استخدام الدالة <code>opacity()‎</code>:<syntaxhighlight lang="sass">
+opacity(red);                  // 1
+opacity(rgba(255, 0, 0, 0.5)); // 0.5
-=== <code>‎$color</code> ===
+</syntaxhighlight>
-القيمة اللونية التي ستُستخرج شفافيتها.
+==انظر أيضًا==
+*الدالة <code>[[Sass/red|red()]]‎</code>: تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها.
-== القيم المعادة ==
+*الدالة <code>[[Sass/blue|()blue‎]]</code>: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها.
-قيمةُ مُكوّنِ الشفافية، وتكون محصورة بين <code>0</code> و <code>1</code>.
+*الدالة <code>[[Sass/green|()green‎]]</code>: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها
+*الدالة <code>[[Sass/saturation|saturation()]]</code>‎: تعيد قيمة مكوّن التشبع للون الممرَّر إليها.
-== الأخطاء والاستثناءات ==
+*الدالة <code>[[Sass/lightness|()lightness]]</code>: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها.
-سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن المعامل <code>‎$color</code> لونًا.
+*الدالة <code>[[Sass/transparentize|()transparentize]]</code>: تجعل اللون أكثر شفافيَّةً.
+*الدالة <code>[[Sass/opacify|opacify()]]</code>‎: تجعل اللون أكثر عتامةً.
-== انظر أيضًا ==
+==مصادر==
-* الدالة <code>[[Sass/adjust hue|adjust_hue()]]</code>‎: تغير قيمة الصبغة (hue) الخاصة بلون معيّن.
+*[https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي].
-* الدالة <code>[[Sass/adjust color|adjust_color()‎]]</code>: تغير خاصيات اللون.
+[[تصنيف:Sass|{{SUBPAGENAME}}]]
-* الدالة <code>[[Sass/alpha|alpha()‎]]</code>: تعيد مكوّن الشفافية.
+[[تصنيف: Sass Function|{{SUBPAGENAME}}]]
-== مصادر ==
-* [https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي.]
-[[تصنيف:Sass]]
-[[تصنيف: Sass Function]]