Képfelnagyobbító script 3
2013.07.19. 07:47
Demó:
HTML kód:
<div class="hovergallery">
<img src="KÉPED URL CÍME" />
</div>
CSS kód:
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}
</style>
Ha növelni akarod a képek számát, akkor ezt ileszd be alá mindig:
<img src="KÉPED URL CÍMR" />
|