BANSoft

 
<style>
 .photois{height:250px;
  width:280px;
  margin:10px;
  -webkit-transition: width 0.8s, height 0.8s, opacity 0.8s, margin 0.8s, border-radius 0.8s;
  -moz-transition: width 0.8s, height 0.8s, opacity 0.8s, margin 0.8s, border-radius 0.8s;
  -o-transition: width 0.8s, height 0.8s, opacity 0.8s, margin 0.8s, border-radius 0.8s;
   transition: width 0.8s, height 0.8s, opacity 0.8s, margin 0.8s, border-radius 0.8s;}
  .photois:hover{height:250px;width:300px;opacity:0.1; margin:0 0 0 200px;border-radius:50%;}
</style>
<div class="photois" style="background:#ff4444;"></div>
 
Можно использовать  transition: all 1s ease; - для всех изменений.