Skip to content

Instantly share code, notes, and snippets.

@nodesocket
Created December 1, 2011 06:37
Show Gist options
  • Save nodesocket/1414355 to your computer and use it in GitHub Desktop.
Save nodesocket/1414355 to your computer and use it in GitHub Desktop.
Video CSS3 Effect
.vignette {
opacity: 0.55;
filter: alpha(opacity = 55);
-o-transition: opacity 0.30s linear;
-moz-transition: opacity 0.30s linear;
-webkit-transition: opacity 0.30s linear;
transition: opacity 0.30s linear;
}
.vignette:hover {
-o-transition: opacity 0.30s linear;
-moz-transition: opacity 0.30s linear;
-webkit-transition: opacity 0.30s linear;
transition: opacity 0.30s linear;
opacity: 1.0;
filter: alpha(opacity = 100);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment