Skip to content

Instantly share code, notes, and snippets.

@maxpelic

maxpelic/dabblet.css

Last active December 21, 2015 19:49
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 maxpelic/6357074 to your computer and use it in GitHub Desktop.
Save maxpelic/6357074 to your computer and use it in GitHub Desktop.
Download ZIP
title
Raw
dabblet.css
/**
* title
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body{
background-color:#d6d6d6;
}
#title{
width:10px;
background-color:black;
transition: width 1s;;
font-family:Open Sans;
text-align:right;
white-space: nowrap;
overflow: hidden;
padding:30px;
color:white;
font-size:3em;
text-shadow: 0px 0px 0px white;
}
#title:hover{
width:80%;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h1 id="title">CSS:: all spread out for you</h1>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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