Skip to content

Instantly share code, notes, and snippets.

@tecnocrata
Created November 2, 2012 20:26
Show Gist options
  • Select an option

  • Save tecnocrata/4004114 to your computer and use it in GitHub Desktop.

Select an option

Save tecnocrata/4004114 to your computer and use it in GitHub Desktop.
Animacion fade basada en CSS
.tile-wrapper {
position : relative;
display : inline-block;
}
.tile-wrapper img {
position : relative;
}
.tile-wrapper .image-options {
position : absolute;
top : 0;
right : 0;
left : 0;
height : 128px;
z-index : 2;
background : grey;
border : 1px solid black;
opacity : 0;
filter : alpha(opacity=0);
-webkit-transition : opacity 0.25s linear;
-moz-transition : opacity 0.25s linear;
-ms-transition : opacity 0.25s linear;
-o-transition : opacity 0.25s linear;
transition : opacity 0.25s linear;
}
.tile-wrapper:hover .image-options {
opacity : 1;
filter : alpha(opacity=100);
}​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment