Efektli Resimle Link Verme Html Kodları

Kara Şimşek

Grafik LCD

Microchip Kontroller

Lehim Havyası

Yukarıya Doğru Hareket Eden Resimler Hepsini Seç
<style> a:hover{ -webkit-transition:1.0s; -moz-transition:1.5s; } a{ font-size:19px; -webkit-transition:1.0s; -moz-transition:1.5s; } img:hover{ width:60px; -webkit-transition:1.0s; -moz-transition:1.5s; } img{ width:120px; -webkit-transition:1.0s; -moz-transition:1.5s; } .txtare:hover{ width:800px; height:200px; -webkit-transition:1.5s; -moz-transition:1.5s; } .txtare{ width:320px; height:55px; -webkit-transition:1.5s; -moz-transition:1.5s; } </style> <style> .goster{ display: none; } .gizle:hover .goster{ display : block; position:static; margin-left:0px; top:0px; } </style> <style> img{ width:20px; } img:hover{ width:120; } </style> <div class="gizle"> <a href="#"> Kara Şİmşek <br> <div class="goster"> <img src="../resim/gif_knight_rider.gif"></a> </div> </div> <div class="gizle"> <a href="#"> 7 Segment Display <br> <div class="goster"> <img src="../resim/grafik_lcd.gif"></a> </div> </div> <div class="gizle"> <a href="#"> Microchip Kontroller <br> <div class="goster"> <img src="../resim/microchip.png"></a> </div> </div> <div class="gizle"> <a href="#"> Lehim Havyası <br> <div class="goster"> <img src="../resim/havya.png"></a> </div> </div> <br><br><br><br> <a href="#"> <br> <img src="../resim/gif_knight_rider.gif"></a> <a href="#"> <br> <img src="../resim/grafik_lcd.gif"></a> <a href="#"> <br> <img src="../resim/microchip.png"></a> <a href="#"> <br> <img src="../resim/havya.png"></a>