Skip to content

Instantly share code, notes, and snippets.

@maxpelic

maxpelic/dabblet.css

Last active December 21, 2015 16:59
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/6337311 to your computer and use it in GitHub Desktop.
Save maxpelic/6337311 to your computer and use it in GitHub Desktop.
Download ZIP
Slideout
Raw
dabblet.css
/**
* Slideout
*/
#slide{
overflow:hidden;
color:red;
width:0px;
background-color:red;
height:50px;
transition:width 1s, color 1s, background-color .5s, box-shadow 1s;
font-family:Verdana;
text-align:right;
padding:15px;
position:fixed;
float:left
}
#silde a{
}
#slide:hover {
width:200px;
color:white;
background-color:pink;
font-family:Arial bold, Arial, sans;
box-shadow:5px 0px 10px #999;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="slide">Text</div>
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