Skip to content

Instantly share code, notes, and snippets.

@ffoodd

ffoodd/dabblet.css

Created September 23, 2014 15:06
Show Gist options
  • Save ffoodd/effe8e09bf668746e51a to your computer and use it in GitHub Desktop.
Save ffoodd/effe8e09bf668746e51a to your computer and use it in GitHub Desktop.
Download ZIP
Essai d’animation
Raw
dabblet.css
/**
* Essai d’animation */
@keyframes move-up {
0% {
transform: translateY( 100% ) translateZ( 0 );
opacity: 0;
}
10% {
transform: translateY( 0 ) translateZ( 0 );
opacity: 1;
}
90% {
transform: translateY( 100% ) translateZ( 0 );
opacity: 0;
}
100% {
transform: translateY( 100% ) translateZ( 0 );
opacity: 0;
}
}
div {
background: red;
color: white;
animation: move-up 3s ease-in;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>Blablabla bla</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment