Edit in JSFiddle

<body><a href="#"><img src="http://goinkscape.com/wp-content/uploads/2015/07/twitter-logo-final.png"></a>
</body>
a img {
  height:40px;
	width:40px;
  position:absolute;
  left: 0px;
  top: 0px;
   transition: height 0.5s, width 0.5s, background-color 4s;
   -webkit-transition: height 0.5s, width 0.5s, background-color 1s, left 1s, top 1s;
  }
a:hover>img {
  height:60px;
	width:60px;  
  position:absolute;
  background-color:blue;
  left:20px;
  top:20px;
   transition: height 0.5s, width 0.5s, background-color 4s;
   -webkit-transition: height 2s, width 2s, background-color 2s, left 1s, top 1s;
  }