Skip to content

Instantly share code, notes, and snippets.

@ludviglindblom

ludviglindblom/dabblet.css

Forked from LeaVerou/dabblet.css
Created April 21, 2012 13:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ludviglindblom/2437174 to your computer and use it in GitHub Desktop.
Save ludviglindblom/2437174 to your computer and use it in GitHub Desktop.
Download ZIP
Image interpolation demo
Raw
dabblet.css
/* Image interpolation demo */
@keyframes browsers {
from, to { background-image: url('http://lea.verou.me/css-4d/img/firefox-logo.png'); }
20% { background-image: url('http://lea.verou.me/css-4d/img/chrome-logo.png'); }
40% { background-image: url('http://lea.verou.me/css-4d/img/safari-logo.png'); }
60% { background-image: url('http://lea.verou.me/css-4d/img/opera-logo.png'); }
80% { background-image: url('http://lea.verou.me/css-4d/img/ie-logo.png'); }
}
html {
background: center;
animation: 5s browsers infinite;
}
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment