الفرق بين المراجعتين ل"Sass/opacity"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
(7 مراجعات متوسطة بواسطة 3 مستخدمين غير معروضة) | |||
سطر 1: | سطر 1: | ||
− | <noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> | + | <noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> |
− | تعيد الدالة ()opacity | + | تعيد الدالة <code>()opacity</code> قيمة مكوِّن الشفافيَّة (opacity) للون الممرَّر إليها. قيمتها غالبًا تساوي 1 إلا في حال عدِّلت. |
− | + | ==البنية العامة== | |
− | == البنية العامة == | ||
<syntaxhighlight lang="sass"> | <syntaxhighlight lang="sass"> | ||
opacity($color) | opacity($color) | ||
</syntaxhighlight> | </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 | ||
− | + | </syntaxhighlight> | |
− | + | ==انظر أيضًا== | |
− | + | *الدالة <code>[[Sass/red|red()]]</code>: تعيد قيمة المكوِّن الأحمر للون الممرَّر إليها. | |
− | == | + | *الدالة <code>[[Sass/blue|()blue]]</code>: تعيد قيمة المكوِّن الأزرق للون الممرَّر إليها. |
− | + | *الدالة <code>[[Sass/green|()green]]</code>: تعيد قيمة المكوِّن الأخضر للون الممرَّر إليها | |
− | + | *الدالة <code>[[Sass/saturation|saturation()]]</code>: تعيد قيمة مكوّن التشبع للون الممرَّر إليها. | |
− | + | *الدالة <code>[[Sass/lightness|()lightness]]</code>: تُعيدُ قيمة مُكوّن السطوع للون الممرَّر إليها. | |
− | + | *الدالة <code>[[Sass/transparentize|()transparentize]]</code>: تجعل اللون أكثر شفافيَّةً. | |
− | + | *الدالة <code>[[Sass/opacify|opacify()]]</code>: تجعل اللون أكثر عتامةً. | |
− | + | ==مصادر== | |
− | * | + | *[https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي]. |
− | * | + | [[تصنيف:Sass|{{SUBPAGENAME}}]] |
− | * | + | [[تصنيف: Sass Function|{{SUBPAGENAME}}]] |
− | |||
− | == مصادر == | ||
− | * [https://sass-lang.com/documentation/Sass/Script/Functions.html#opacity-instance_method قسم الدالة | ||
− | [[تصنيف:Sass]] | ||
− | [[تصنيف: Sass Function]] |
المراجعة الحالية بتاريخ 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()
: تجعل اللون أكثر عتامةً.