CodePen

HTML

            
              <div class="circular">
  <img src="http://lorempixel.com/output/abstract-q-c-200-200-7.jpg" alt='breeze' >
</div>
            
          
!
via HTML Inspector

CSS

            
              .circular {
  width: 200px; 
  height:200px;
  border-radius:50%;
  margin:25px;
}

.circular img {
  border-radius:50%;
  transition: transform 0.5s ease;
  transform: scale(0.8);
}

.circular img:hover {
  transform: scale(.9);
  /*
  transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  */
} 
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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