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.
Nasıl Buldunuz?
Komik
0
Uyyy
0
Sevdiim
0
Düşündürücü
0
Çalak
0More in:CSS Dersleri
Css İle İpucu Baloncuğu(Tooltip) Yapımı
Tooltip, bir HTML etiketinin üzerine gelindiğinde, açıklama amaçlı bir metin gösterilmesi işlemidir. HTML etiketinin üzerine ...
CSS ile Yükleme Animasyonu Hazırlama
Web sitelerinize ekleyeceğiniz yükleme animasyonları, geliştirdiğiniz projeler için oldukça kullanışlı bir unsurdur. Sayfa veya içerik ...
CSS ile Geçişli Switch Checkbox Hazırlama
Web sitelerinde yer alan formlardaki checkbox etiketlerinin nasıl geçiş yapılarak aç-kapat formatına getirilebilineceğinden bahsedeceğim. Bu ...
CSS ve JQUERY ile Resimlere Zoom Özelliği Ekleme
Mouse ile görsellerin üzerine gelindiğinde zoom özelliğini CSS ve JQUERY yardımıyla hiç bir eklenti kullanmadan ...