CSS Transitions

CSS Transitions

Easy copy ‘n’ paste CSS to apply a 0.3 second transition to all of an element’s properties. “All” will add the transition to all properties, but can be used by naming individual properties of the element EG: ‘height’ or ‘color’.

.your-class{
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   color: blue;
   font-size: 14px;
}
//on hover change colour & font size
.your-class:hover{
   color: red;
   for-size: 18px;
}