CSS Ile Degisen Buton Yapimi
CSS ILE DEGISEN BUTON YAPIMI
İlk önce üzerine gelmeden önce yani resmimizin ilk halinin kodunu yazalım ve şeffaflık değerini “30″ olarak verelim ;
.l_opac {
-moz-opacity:0.3;
filter:alpha(opacity=30);
}
Bu kodla birlikte resmimizin şeffaflığı 30 olacaktır. Şimdi ise üzerine gelindiğinde alacak değerini yazalım yani “100″ ;
.f_opac {
-moz-opacity:1;
filter:alpha(opacity=100);
}
CSS kodlarımız bukadar şimdi HTML kodlarımızı yazmaya geçelim.
<img src=”https://img.webme.com/pic/c/css-tasarimm/degisken1.png” border=”0″ class=”l_opac”
onmouseover=”this.className=’f_opac;’” onmouseout=”this.className=’l_opac’;”>
Eğer bu butona link vermek istiyorsak da aşağıdaki kodu kullanmamız yeterli olacak.
<a href=”http://www.css-tasarimm.tr.gg”><img src=”https://img.webme.com/pic/c/css-tasarimm/degisken2.png”
border=”0″ class=”l_opac” onmouseover=”this.className=’f_opac;’” onmouseout=”this.className=’l_opac’;”></a>