.ornek adobewordpress.com
View Compiled
.ornek{
transition: 
    background 1s ease-in-out, 
    border-radius 1s ease,
    color 1s linear; 

-webkit-transition:  
    background 1s ease-in-out, 
    border-radius 1s ease,
    color 1s linear; 
  
-moz-transition:  
    background 1s ease-in-out, 
    border-radius 1s ease,
    color 1s linear; 
  
-o-transition:  
    background 1s ease-in-out, 
    border-radius 1s ease,
    color 1s linear; 
}

div{
  margin:auto;
  width:125px;
  height:125px;
  background:#c74d62;
  text-align:center; 
  color:white; 
  font:11px/125px Tahoma;
}

div:hover{
  background:#ccc;
  color:black; 
  border-radius:70px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.