Files
freeCodeCamp/guide/arabic/css/css3-opacity-property/index.md
2018-10-16 21:32:40 +05:30

1.1 KiB

title, localeTitle
title localeTitle
CSS3 Opacity Property خاصية عتامة CSS3

خاصية عتامة CSS3

تتيح لك opacity التحكم في مدى شفافية العنصر على مقياس من 0 إلى 1 .

إذا قمت بتعيين الخاصية لعنصر إلى 0 ستكون شفافة. إذا قمت بتعيينه إلى 1 سيكون معتمًا.

ضبط عنصر على opacity: 0; لا يزيلها من الصفحة. سيظل العنصر قابلاً للنقر وسيؤثر على تدفق محتوى الصفحة.

`.transparent { opacity: 0; }

.verySeeThrough { opacity: 0.3; }

.slightlySeeThrough { opacity: 0.7; }

.opaque { opacity: 1; } `

يوضح هذا المثال البسيط كيفية استخدام التعتيم مع تأثير التمرير.

معلومات اكثر: