CodePen

HTML

            
              <h1>Hover over the image!</h1>
<img src="http://placeimg.com/300/300/tech" />
            
          
!

CSS

            
              h1 {
  text-align: center;
}

img {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  transition: transform 0.5s ease;
}

img:hover {
  transform: scale(1.3);
  padding-top: 25px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................