<!DOCTYPE HTML>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="rmContainer">
<ul>
<li class="img1">
<img class="parentimage" src="http://omnimanager.co/plunker/image1.jpg" />
</li>
<li>
<img class="parentimage" src="http://omnimanager.co/plunker/image2.jpg" />
</li>
<li>
<img class="parentimage" src="http://omnimanager.co/plunker/image3.jpg" />
</li>
<li>
<img class="parentimage" src="http://omnimanager.co/plunker/image4.jpg" />
</li>
</ul>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
#rmContainer ul li {
list-style: none;
}
#rmContainer ul li img.parentimage {
width: 164px;
height: 240px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#rmContainer ul li img.parentimage:hover {
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}