Skip to content

Instantly share code, notes, and snippets.

@meandavejustice
Last active August 29, 2015 14:10
Show Gist options
  • Save meandavejustice/09937648350819ecd89c to your computer and use it in GitHub Desktop.
Save meandavejustice/09937648350819ecd89c to your computer and use it in GitHub Desktop.
Noise over effect from korg.com http://www.korg.com/global/images/noise.gif
.noise_over {
width: 100%;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
background: url("/global/images/noise.gif") repeat;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
a:hover .noise_over {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-webkit-animation-name: 'noiseanime';
-moz-animation-name: 'noiseanime';
-o-animation-name: 'noiseanime';
-ms-animation-name: 'noiseanime';
animation-name: 'noiseanime';
-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
-o-animation-duration: .3s;
-ms-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-delay: .1;
-moz-animation-delay: .1;
-o-animation-delay: .1;
-ms-animation-delay: .1;
animation-delay: .1;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment