bedava css tasarimlari

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>

CSS Ile Degisen Buton Yapimi

bedava css tasarimlari

Bedava Css Tasarimlari

Kategoriler

Sponsor