Skip to content

Instantly share code, notes, and snippets.

@YeomanYe

YeomanYe/blurPause.css

Last active December 24, 2016 14:12
Show Gist options
  • Save YeomanYe/b74aa975da029adb5863bec2b0e08f30 to your computer and use it in GitHub Desktop.
Save YeomanYe/b74aa975da029adb5863bec2b0e08f30 to your computer and use it in GitHub Desktop.
Download ZIP
CSS:animation blurPause
Raw
blurPause.css
@keyframes panoramic {
to { background-position: 100% 0; }
}
.panoramic {
width: 150px; height: 150px;
background: url("img/naxos-greece.jpg");
background-size: auto 100%;
animation: panoramic 10s linear infinite alternate;
animation-play-state: paused;
}
.panoramic:hover, .panoramic:focus {
animation-play-state: running;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment