<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.circle{
width:500px;
height:500px;
border-radius:500px;
overflow:hidden;
position:relative;
z-index:1;
}
img{
-webkit-transition:all .2s ease;
transition:all .2s ease;
}
.circle:hover img{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
</style>
</head>
<body>
<div class='circle'>
<img src="http://rack.3.mshcdn.com/media/ZgkyMDEzLzA1LzA4L2JlL2JhYmllc193aXRoLjA5NGNjLnBuZwpwCXRodW1iCTg1MHg1OTA-CmUJanBn/8f195417/e44/babies_with_swagg.jpg" alt="" />
</div>
</body>
</html>Komentarze wyłączone