Property css "şəffaflıq" - site daha maraqlı dizayn etmək üçün sadə yoludur

Bu gün web dizayn yaradılması bir sənət forması olur. Bu müəyyən bir rəng və səhifə elementləri yalnız bir sıra deyil ölçüsü, şriftlər müxtəlif üslub və tematik rəsm. , Başqaları sizin site fərqli etmək qonaqların diqqətini cəlb etmək üçün müəyyən elementləri yönəltmək üçün, metodları və alətləri bir çox istifadə olunur. Onların arasında bir çox məşhur əmlak css var - şəffaflıq. Bu texnika olduqca dəbli və məftunedici və buna görə də tez-tez istifadə olunur. məsələn mətn blok və ya bütün şəkil, - Şəffaflıq saytın müxtəlif obyektlərin pages verə bilər. O, həmçinin müxtəlif yollarla əldə. Bizə aşağıda nəzərdən keçirək.

Parameters şəffaflığın elementlərini müəyyən

Parameters bir neçə elementləri şəffaflıq tənzimləmək üçün. Onlar "düzəlişlər" dizayn altında browser, eləcə də xüsusi məqsədləri asılı olaraq istifadə olunur. Bu aşağıdakı xüsusiyyətləri daxildir:

• qeyri-şəffaflıq;
• filter;
• Bir fon kimi PNG-image.

aşağıdakı kimi Property dəyəri css "şəffaflıq" dəyişdirilir: ali sayı, element şəffaflığı aşağı səviyyəsi. 10 100 And sonuncu Interet Explorer browser, və bütün digər qeyri-şəffaflıq əmlak üçün istifadə olunur - qeyri-şəffaflıq, bu filter, 0-dan 1 dəyişir.

Transparency Image (dəyişən)

Siz maddə hərəkət zaman şəffaf görünür variantları ilə başlamaq edək siçan sürükleyerek.

Bizə image şəffaflığını müəyyən etmək üçün necə hesab edək. CSS iki variantları təklif edir. aşağıdakı kimi Bunu etmək üçün, siz kodu html-sənəd birbaşa qeydiyyatdan keçmək lazımdır:

1. image yolunu göstərin.
2. kursor deyil zaman Biz şəffaflıq parametrləri müəyyən edir. Bunu etmək üçün, biz qeyri-şəffaflıq, və filter dəyəri müəyyən onmouseover və onmouseout, xassələri istifadə edin.

eyni xüsusiyyətləri css-sənəd və ona istinad əlavə etmək üçün mənbə kodu müəyyən edilə bilər. nəticələr eyni çıxmaq.

mətn və səhifə bloklarının Şəffaflıq

mətn və ya blok (şəffaf div) üçün css şəffaf image yaratmaq oxşar onun seçimi təklif edir ki, istədiyiniz parametrləri müəyyən olan bağlı css-faylı istifadə etmək lazımdır. Siz getmək və sadə yol bilər. Siz stil blok div stil seçin və ya mətn p üçün onmouseover və elementləri onmouseout Aşağıdakı html-kod müəyyən zaman. Hər iki variantları iş və istədiyiniz nəticə.

şəffaflıq daimi

Bəzi hallarda, bir obyekt şəffaflıq, siz mütəmadi olaraq təyin etmək istədiyiniz bir dizayn element və ya mətn. Bu vəziyyət, həll siçan kursoru hover zaman daha asandır.

şəffaflıq Css element aşağıdakı kodu veriləcək. blok div stil fon (məsələn, # ff8800), qeyri-şəffaflıq (məsələn, 0.5) və eni (eni) və padding (padding) üçün dəyərlər müəyyən.

image code dəyərlər edilməsi və qeyri-şəffaflıq filter, və image yolunu müəyyən olunur.

RGBA-üsul

şəffaflıq hər hansı bir dizayn element baza rəng tətbiq edilə bilər: bu əmlak css istifadə üçün digər variantları yoxdur. Bu RGBA metodundan istifadə edir. şəffaflıq səviyyəsini müəyyən alfa - ilk üç məktublar əsas rəng (qırmızı, parçalanma, mavi) və son durmaq. RGBA-format istifadə edərək son rəqəmi onu işarə edərək, şəffaflıq müəyyən. Məsələn, kimi: arxa: RGBA (240,2,33,0.4035).

nəticə

Belə ki, Site dizayn sadə, lakin effektiv xüsusiyyət css "şəffaflıq" iş zamanı istifadə edərək, siz minimal səy ilə elementləri daha maraqlı və daha çox nəzərə çarpan edə bilərsiniz. təsvir qaydalara xüsusi şəffaflıq xüsusiyyətləri bu sizə kömək edəcək.