Css Eğitimi Ders 14-Transparan

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" width="200" /></a></div> Merhaba,<br /> Siteye güzel bir görüntü katan transparan resimler üzerinde bir konu işleyeceğiz. Bazı örnekler verip daha iyi anlamanızı sağlayacağım.<br /> <h3> Transparan Nedir?</h3> <div> Transparan saydamlık anlamına gelir. Resim üzerinde kullanılır. </div> <h3> Transparan</h3> <div> Transparanlık belirtmek için "opacity" kullanılır. </div> <div> <br /></div> img.transparanresim {<br /> <div> opacity: 0.6; </div> <div> filter: alpha(opacity=60); </div> <div> }</div> <div> <br /></div> <div> "opacity" ile 0.6 transparan oluşturduk. Ve bunu "filter" kullanarak tarayıcı uyumluluğuna bağladık. Bununla ilgili bir güzel örnek daha:</div> <div> <br /></div> img.transparanresim {<br /> <div> opacity: 0.6; filter: alpha(opacity=60); </div> <div> } </div> <div> img:hover.transparanresim { </div> <div> opacity: 1.0; filter: alpha(opacity=100); </div> <div> }</div> <div> <br /></div> <div> Bu kodu bir resim üzerinde önizlerseniz (class adı transparan resim) resim transparan olup üstüne gelince 1 yani düz transparanlığa dönüşecektir. Eğer herhangi bir class oluşturmayıp kullansaydık ozaman bütün resimlerde bu css stili uygulanacaktır.</div> <div> <br /></div> <div> <div 0.6="" 1.0="" alpha="" class="separator" filter:="" img:hover="" img="" opacity:="" opacity="100);" style="clear: both; text-align: center;"> </div> <br /></div>

Css Eğitimi Ders 14-Transparan

Merhaba, Siteye güzel bir görüntü katan transparan resimler üzerinde bir konu işleyeceğiz. Bazı örnekler verip daha iyi anlamanızı sağlay...

Devamı »