Skip to content

Instantly share code, notes, and snippets.

@rginamt

rginamt/dabblet.css

Created September 4, 2012 18:38
Show Gist options
  • Save rginamt/3624757 to your computer and use it in GitHub Desktop.
Save rginamt/3624757 to your computer and use it in GitHub Desktop.
Download ZIP
TEST: animation
Raw
dabblet.css
/**
* TEST: animation
*/
@keyframes girls
{
from {opacity:0;}
to {opacity:100%;}
}
@-moz-keyframes girls /* Firefox */
{
from {opacity:0;}
to {opacity:100%;}
}
@-webkit-keyframes girls /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:100%;}
}
@-o-keyframes girls /* Opera */
{
from {opacity:0;}
to {opacity:100%;}
}
a{
background-color:lime;}
a:after{
content:"aaaa";
background:red;
width:13px;
height:11px;
float:right;
position:absolute;
top:13px;
right:20px;
display:block;
}
a:hover:after{
animation: girls 0.5s infinite;
-moz-animation: girls 0.5s infinite; /* Firefox */
-webkit-animation: girls 0.5s infinite; /* Safari and Chrome */
-o-animation: girls 0.5s infinite; /* Opera */ }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<a href="#">hola</a>
Raw
settings.json
{"view":"split-vertical","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