Quick CSS3 Fade Effect

September 13, 2011 colin CSS, 0

Very simple fade effect for images that uses only CSS.

.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;  
}

Demo

LESS: The dynamic stylesheet language Setting up a LAMP for local development on Arch Linux