الفرق بين المراجعتين ل"Sass/opacity"
< Sass
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| (5 مراجعات متوسطة بواسطة 3 مستخدمين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> | <noinclude>{{DISPLAYTITLE: الدالة <code>()opacity</code> في Sass}}</noinclude> | ||
| − | + | تعيد الدالة <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 قسم الدالة opacity في صفحة الدوال في توثيق Sass الرسمي. | ||
| − | [[تصنيف: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(): تجعل اللون أكثر عتامةً.