الدالة ()rgba في Sass

تضبط الدالة ()rgba شفافية لون معيّن، أو تُنشئ لونًا انطلاقا من المركبات: الأحمر والأخضر والأزرق والشفافية.

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

الشكل الأول

rgba($red, $green, $blue,$alpha)

المعاملات

‎$red

مقدار الحُمرة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و  ‎ 100%.

‎$green

مقدار الخُضرة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و  ‎ 100%.

‎$blue

مقدار الزرقة في اللون، ينبغي أن تكون بين 0 و 250، أو بين ‎ 0%‎ و  ‎ 100%.

‎$alpha

شفافية اللون، ينبغي أن تكون بين 0 و 1.

الشكل الثاني

rgba($color,$alpha)

المعاملات

‎$color

اللون الذي ستُغير شفافيته.

‎$alpha

شفافية اللون، ينبغي أن تكون بين 0 و 1.

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

اللون الذي أُنشئ أو عُدِّل.

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

سيُرمى الخطأ ArgumentError إن كانت المعاملات من النوع الخاطئ أو خارج الحدود.

أمثلة

مثال عن استخدام الدالة rgba()‎ لضبط قيمة اللون (color) ولون الخلفية (background-color):

.selector {
  color: rgba(#102030, 0.5);// rgba(16, 32, 48, 0.5)
  background-color: rgba(blue, 0.2); // rgba(0, 0, 255, 0.2)
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
  color: rgba(16, 32, 48, 0.5);
  background-color: rgba(0, 0, 255, 0.2);
}

انظر أيضًا

• الدالة rgb()‎: تُنشئ لونًا انطلاقًا من المركبات اللونية الثلاث.

مصادر

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