CSS Ders-14 Obje şeffaflığı (Opacity)
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

CSS Ders-14 Obje şeffaflığı (Opacity)

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(1846)
RAPOR ET
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ü:
http://ustaderslik.com/resim/ders/rskf1.png



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol