bedava css tasarimlari

TÜRKİYE CANIM FEDA

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>





 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol