Skip to content

Instantly share code, notes, and snippets.

@whatever
Created February 28, 2013 16:05
Show Gist options
  • Save whatever/5057821 to your computer and use it in GitHub Desktop.
Save whatever/5057821 to your computer and use it in GitHub Desktop.
#instagrammer img {
border-width: 0;
border-style: solid;
border-color: black;
float: left;
margin: 0;
padding: 0;
width: 200px;
height: 200px;
-webkit-animation-name: swim-begin;
-webkit-animation-duration: .25s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay: 0s;
}
#instagrammer img:hover {
-webkit-animation-name: cmon;
-webkit-animation-duration: .25s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay: 0s;
}
@-webkit-keyframes swim-begin {
0% {
-webkit-filter: grayscale(0.) blur(1px) saturate(3);
}
100% {
-webkit-filter: grayscale(0.2) blur(3px) saturate(11);
}
}
@-webkit-keyframes cmon {
100% {
-webkit-filter: grayscale(0.) blur(1px) saturate(3);
}
0% {
-webkit-filter: grayscale(0.2) blur(3px) saturate(11);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment