Transparency (Transparency) va opacity (Opacity)
Shu nuqtaga qadar biz asosan rang qiymatlarini ko'rib chiqdik,lekin,biz xohlagan rang brauzerining oddiy vazifasi bilan tugab qolishi mumkin emas. CSS3 ning kelishi bilan ranglarni boshqarishning yana bir darajasi paydo bo'ldi, bu bizga ob'ektlarga shaffof va shaffof ta'sir o'tkazish imkoniyatini berdi.
Shaffoflik va shaffoflikning ta'siri veb-saytingizni bezatib, uni engillashtirishi mumkin.
Ushbu muammoni hal qilish uchun rang belgilari kabi ko'plab usullar mavjud.
Opacity (Opacity)
Birinchidan, shaffoflikni ko'rib chiqib, brauzerni qo'llab-quvvatlashga muhtoj bo'lgan ko'plab brauzerlar tufayli juda qiyin bo'lgan Inter-brauzer mosligiga erishish. Shaffoflik faqat CSS3-da paydo bo'lishiga qaramasdan, brauzerlar va erta versiyalar, ayniqsa InternetExplorer (DirectXfilter-ning ichki xususiyatlaridan foydalangan holda) tomonidan qo'llab-quvvatlandi. Kerakli kombinatsiyaga erishish qiyin vazifa bo'lishi mumkin va ba'zi foydalanuvchilar istalgan ta'sirni saqlab qolish uchun turli aralashmalardan foydalanadilar.
Quyida"o'qga chidamli " shaffoflikka erishishga imkon beradigan tasdiqlangan formula mavjud:
CSS
div {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
0 qiymati elementning to'liq shaffofligiga mos keladi va 1, aksincha-uning shaffofligi.
Transparency (Transparency)
CSS3 shuningdek, oshkoralikni qayta tikladi.Endi alfa shaffofligi yoki tasvirlardagi bir rangli shaffoflik effektlari bilan tasvirlar bilan cheklanmaymiz. Zamonaviy brauzerlar RGB va HSL dan foydalanadi, standart RGB va HSl belgilaridan foydalanib, oxiriga biriktirilgan alfa shaffoflik qiymati foiz sifatida ifodalanadi.
Quyida 0.5 alfa shaffofligi (yoki 50%) bilan RGB va HSL ning oddiy misollari keltirilgan.:
Do'stlaringiz bilan baham: |
