Css ile Opaklık Vermek | Opacity Özelliğinin Kullanımı

Bu dersimizde css de yer alan Opacity özelliği ile nesnelere nasıl saydamlık verilebileceğini göstereceğim. Derste opacity'nin özelliğini anlatmamdan başka olarak iki tane de uygulama yaparak nasıl kullanılacağı hakkında fikir sahibi olmanız açısından örnekler vereceğim. Tasarımlarda fazla göze batmasını istemediğiniz alanlarda bu özelliği kullanırsanız hoş görüntüler yakalayabilirsiniz.

opacity özelliği nasıl kullanılır?
Uygulanmak istenilen css değerine opacity yazılır ve verilmek istenilen değer yazılır. En küçük değer 0.1 iken en büyük değer 1 diye. sayı büyüdükçe görünürlükte artmaktadır.

Örnek bir kullanım olarak;

.reklam{opacity: 0.4}
.reklam:hover{opacity: 0.8}

Şeklinde kullanımı vardır. Dersi izlerseniz daha iyi anlayacağınızı düşünüyorum. Umarım faydalı olur
- 03.05.2013 / 12:14:02 0

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

Genel Makaleler
39:32 Css Dersleri

Anket Uygulaması Teması Yapımı

Kategori: Css Dersleri | 03.05.2013
Seo(.htaccess)

Paravan Blog Nedir, Nasıl Yapılır?

Kategori: Seo(.htaccess) | 02.09.2014
6:40 Php Dersleri

Php'de Function Oluşturma ve Kullanımı - 2

Kategori: Php Dersleri | 02.05.2013
cURL Dersleri

Php ile Hava Durumu Botu Yapmak | Meteoroloji.gov.tr

Kategori: cURL Dersleri | 28.09.2013

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.