freeCodeCamp/guide/arabic/css/css3-opacity-property/index.md

1.1 KiB

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; } `

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

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