Bugün, web sitesi tasarımı oluşturulması, gerçek bir sanat haline gelir.Belli bir renk ve boyut, yazı sayfaları, farklı stilleri ve tema resimlerin sadece bir dizi değil.Diğerlerinden bir web sitesi farklı yapmak için, ziyaretçilerin dikkatini çekmek için ve yöntemler ve araçlar çok sayıda kullanarak bu veya diğer elemanlara gönderin.Aralarında çok popüler bir özellik css var - şeffaflık.Bu teknik oldukça şık ve göz alıcı olduğunu ve bu nedenle sık sık kullanılır.Örneğin metin, resim veya bütün bir birim, - Çeşitli nesneleri sayfaların şeffaflık verebilir.Ayrıca, farklı şekillerde elde edilebilir.Bize bunları aşağıda inceleyelim.
parametreleri çeşitli unsurlarının şeffaflığını ayarlamak için izin elemanları
parametreleri saydamlığını ayarlamak için.Onlar belirli hedeflere bağlı olarak kullanılır ve "düzeltilmiş" tasarım altında tarayıcı.Bu, aşağıdaki özellikleri içerir:
- opaklık;
- filtresi;Bir arka plan olarak
- PNG görüntü.Yüksek sayı, elemanın şeffaflık düşük düzeyde aşağıdaki gibidir:
özellik değerleri css "şeffaflık" değiştirilir.10 ile 100 arasında ve ikinci tarayıcı Interet Explorer için kullanılmaktadır, ve diğer ilgili özellik için opaklık olduğu - opaklık bu filtrede, 0-1 arasında değişir.
Şeffaflık görüntü öğeye fare imlecini hareket ettirdiğinizde şeffaflık tezahür edecek zaman
seçenekleri ile başlar (değiştirme).
görüntünün saydamlığını ayarlamak için nasıl düşünün.CSS iki seçenek sunar.
- resmin yolunu belirtin aşağıdaki gibidir: Bunu yapmak için, kod html belgesine kayıt yaptırmak zorundadır.İmleç olmadığında
- şeffaflık parametreleri tanımlar.Bunun için biz değer ve donukluk filtresi öngören onmouseover ve onmouseout özelliklerini kullanın.
.Sonuçlar aynı söndürmeden.Metin veya bloğun (şeffaf div) gelince
şeffaf metin blokları ve sayfa
, css, gerekli parametreleri verilecektir bağlı css dosyası, kullanılan şeffaf görüntü oluştururken benzer olan seçeneği sunuyor.Sen gidip basit bir yolu olabilir.Eğer stil blok div style veya metin p ayarladığınızda onmouseover ve onmouseout için aşağıdaki html kodu elemanları reçete.Her iki seçenek de çalışır ve istenilen sonucu verir.Bazı durumlarda
Şeffaflık sabit
, nesne, sen sürekli olarak ayarlamak istediğiniz bir tasarım öğesi veya metin şeffaflık.Bu durumda, solüsyon ile fare daha kolaydır.Şeffaflık
css elemanı aşağıdaki kodu verilecektir.Blok div tarzı olarak arka planda (örneğin # ff8800), donukluk değerlerini (örn 0.5) ve genişliğini (genişlik) ve dolgu (dolgu) reçete.Kod resimler için
değerleri ve donukluk filtresi yapma ve resmin yolunu belirtin vardır.
RGBA-yöntem
Bu özellik css kullanarak diğer seçenek vardır: şeffaflık tasarımının bir elemanın arka plan rengi uygulanabilir.Bu RGBA yöntemini kullanır.şeffaflık düzeyini ayarlar alfa, - ilk üç harfi temel renkler (kırmızı, fisyon, mavi) ve son temsil etmektedir.RGBA-biçimini kullanarak son rakamı onu işaret şeffaflık öngörmektedir.Örneğin, olarak: background: RGBA (240,2,33,0.4035).
Sonuç
Böylece, site tasarımı çalışmaları sırasında kullanılan basit ama muhteşem özelliği css "şeffaflık", çok az bir çaba unsurları daha ilginç ve daha fark edilebilir hale getirebilir.açıklanan düzenlemeler iş performansı şeffaflık size bu konuda yardımcı olacaktır.
