Skip to content

Instantly share code, notes, and snippets.

@mnmly

mnmly/dabblet.css

Created January 24, 2012 21:55
Show Gist options
  • Save mnmly/1672959 to your computer and use it in GitHub Desktop.
Save mnmly/1672959 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
.wiggle{
position: relative;
font-size: 20em;
}
.wiggle span{
position: absolute;
}
span#top{
z-index: 3;
opacity: .8;
}
span#layer-1{
color: #1F2B93;
opacity: 1;
-webkit-text-fill-color: transparent;
text-shadow: 0 -.012em 3px #1F2B93, 0 -.013em 3px #1F2B93;
}
span#layer-2{
color: #600203;
opacity: .5;
-webkit-text-fill-color: transparent;
text-shadow: 0 0.012em 3px #600203;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="wiggle">
<span id="top">何かしら</span>
<span id="layer-1">何かしら</span>
<span id="layer-2">何かしら</span>
</div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment