12 Mayıs 2016 Perşembe

Css Hover Kodu [Resmin Ustune Gelince Farklı Resim Gösterme]

Kod:
.konur{
width:372px;
position:absolute;
height:122px;
margin-top:26px;
margin-left:0px;
border:1px solid #efefef;
padding:5px;
}
.konur:hover{
background:url(ustune gelince cıkıcak resim url'si) no-repeat top center;
background-position: 5px 5px;
width:372px;
height:122px;
border:1px solid #cccccc;
-webkit-box-shadow: 0px 0px 5px 1px #cccccc;
-moz-box-shadow: 0px 0px 5px 1px #cccccc;
box-shadow: 0px 0px 5px 1px #cccccc;
}
.konu img{
width:3px;
border:1px solid #efefef;
padding:5px;
}
.konu img:hover{
border:1px solid #cccccc;
-webkit-box-shadow: 0px 0px 5px 1px #cccccc;
-moz-box-shadow: 0px 0px 5px 1px #cccccc;
box-shadow: 0px 0px 5px 1px #cccccc;
}