Css Dersleri

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

Bir önceki yazım olan Css Sprite Özelliğinin Kullanımı başlıklı makalemi de okumanızı öneririm.

İlgilizi Çekecek Konular

Css ile Genişlik ve Yükseklik Belirtmek

ibrahim Çevrük

Css Padding ve Margin Özellikleri

ibrahim Çevrük

Css ile Basit Bir Menü Hazırlama

ibrahim Çevrük

Yorum Giriniz

Selam dostum. Aramızdaki samimiyeti ilerletmek adına Cookie dosyası bırakmamı ister misin? Kabul Et Daha Fazla Bilgi

Gizlilik ve Çerez Politikası