Opacity effect With Image Rotation


<style type="text/css">  
  img.opacity
  {
   -moz-transform: rotate(5deg);
   -moz-transition: all 0.5s ease-out 0s;
   -webkit-transform: rotate(5deg);
   -webkit-transition: all 0.5s ease-out 0s;
   margin-left: 50px;
   opacity: 0.5;
  }
  img.opacity:hover
  {
 
   opacity: 1;
   margin-left: 0px;
   -moz-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -moz-box-shadow: 1px 1px 4px #000;
   -webkit-box-shadow: 1px 1px 4px #000;
   box-shadow: 1px 1px 4px #000;
 
  }
  </style>

Comments

Popular posts from this blog

Set limit wp_nav_menu

Conut document have children that are show in navigation