Animation n°2 : Transition & Transform
David LAURENT | TMI | Webinnov™
Code HTML
Code CSS
.tmi_photo .container .photo-content { background-color: rgba(0, 0, 0, 0.50); color: #fff; z-index: 100; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; height: 100%; width: 100%; padding: 5px 5px 0; position: absolute; display: block; top: 0; left: 100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .tmi_photo .container:hover .photo-content { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); left: 0; }