IMAGE SCALE EFFECT-1

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<style>
.enlarge{list-style-type:none;margin:0;padding:0;}
.enlarge li{display:inline;}
.enlarge li img{
width: 168px;
height:105px;
border:0;     
margin-right: 0px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in; }
.enlarge li img:hover{
-moz-transform:scale(2.0);
-webkit-transform:scale(2.0);
-o-transform:scale(2.0);}
</style>

<ul class="enlarge">
<li><a href="https://i.imgur.com/UMQ2IrD.jpg" target="_blank">
<img src="https://i.imgur.com/UMQ2IrDm.jpg" title="ALONISOS" /></a></li>
<li><a href="https://i.imgur.com/7X4wjWS.jpg" target="_blank">
<img src="https://i.imgur.com/7X4wjWSm.jpg" title="KERKYRA" /></a></li>
<li><a href="https://i.imgur.com/DgCJJQe.jpg" target="_blank">
<img src="https://i.imgur.com/DgCJJQem.jpg" title="SKOPELOS" /></a></li>
<li><a href="https://i.imgur.com/rcivwQJ.jpg" target="_blank">
<img src="https://i.imgur.com/rcivwQJm.jpg" title="LEYKADA" /></a></li>
<li><a href="https://i.imgur.com/uFoNudk.jpg" target="_blank">
<img src="https://i.imgur.com/uFoNudk.jpg" title="SIVOTA" /></a></li></ul>