CSS - Morph animation

by Rodwyn Moreno

HTML

<div class="morph">
  <img src="http://s3.amazonaws.com/assets.pledgemusic.com/artists/000/022/213/icons/large.jpg?1463064157" />
</div>

SCSS

div {
  border: 10px solid #FFFFFF;
  height: 300px;
  width: 300px;
}

.morph {
  overflow: hidden;
  transition: all 0.5s ease;

  &:hover {
    border-radius: 50%;
  }
  
 }