Skip to content

Instantly share code, notes, and snippets.

@yoanmarchal

yoanmarchal/dabblet.css

Last active August 29, 2015 14:06
Show Gist options
  • Save yoanmarchal/4db0f354707ab539c46a to your computer and use it in GitHub Desktop.
Save yoanmarchal/4db0f354707ab539c46a to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body{
background: #f06;
background: #333;
min-height: 100%;
-webkit-perspective: 800;
perspective: 800;
font-size:20pt;
color:#111;
}
.come{
height:800px;
width:800px;
padding:50px;
background:#f2f2f2;
margin:100px auto;
transform:translate3d(0,0,0) ;
-webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
animation-iteration-count: 1;
-webkit-animation: comein 1s linear ;
-moz-animation: comein 2s linear ;
-o-animation: comein 1s linear ;
animation: comein 200ms linear ;
}
@-webkit-keyframes comein {
0% {
-webkit-transform:translate3d(0,0,-800px) ;
-moz-transform:translate3d(0,0,-800px) ;
-ms-transform:translate3d(0,0,-800px) ;
-o-transform:translate3d(0,0,-800px) ;
transform:translate3d(0,0,-800px) ;
}
100% {
-webkit-transform:translate3d(0,0,0%) ;
-moz-transform:translate3d(0,0,0) ;
-ms-transform:translate3d(0,0,0) ;
-o-transform:translate3d(0,0,0) ;
transform:translate3d(0,0,0);
}
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="come">
<h1>First Post</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut sodales est. Donec congue tristique ipsum id rutrum. Praesent mattis accumsan purus eu tristique. Praesent vel volutpat odio. Nullam dictum congue vehicula. Nunc sit amet blandit magna, at ultrices lorem.
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment