×

Welcome to TagMyCode

Please login or create account to add a snippet.
1
0
 
1
Language: CSS
Posted by: Wantoi OestKnut
Added: Aug 1, 2014 7:26 AM
Modified: Aug 1, 2014 7:45 AM
Views: 27
transition background, width, opacity and font-color. Smooth change - cross browser
  1. div.class:hover {
  2.     width: 60%;
  3.     opacity: 0.8;
  4.     background-color: darkgrey;
  5.     color: #FFF;
  6. }
  7.  
  8. div.class {
  9.      width: 50%;
  10.     -webkit-transition: all 1s ease-in-out;
  11.     -moz-transition: all 1s ease-in-out;
  12.     -o-transition: all 1s ease-in-out;
  13.     -ms-transition: all 1s ease-in-out;
  14.      transition: all 1s ease-in-out;
  15.      opacity: 1;
  16.      background-color: #f1f1f1;
  17.      color: #030303
  18. }