1.0 KiB
1.0 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;
}
يوضح هذا المثال البسيط كيفية استخدام التعتيم مع تأثير التمرير.