CSS eğitimimizin bu dersinde opacity koduna bakacaz.Önce bu ne işe yarar ona bakalım.Bu objenin şefaflığını azaltmamıza yarıyo.Yani objeye baktığımızda arkası görünür.
Opacitynin alabileceği değerler 0-1 arasındadır. 1 sayfadaki normal durumu 0 gözükmemesini sağlar.Örnek yapalım hemen.
opacity:0;
opacity:.5;
.5=0.5 anlamındadır.yani baştaki 0 ı yazmayabiliyoruz.
NOT:Opacity verdiğiniz objelenin alt nesnelerinede vermiş olursunuz.
Genel Örnek:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<style type="text/css">
.kutu{width:100px;height:100px;background:red;}
.kutu2{width:100px;height:100px;background:red;opacity:.4;}
</style>
</head>
<body>
<div class="kutu"></div>
<div class="kutu2"></div>
</body>
</html>
Görüntüsü:
UstaDerslik
