Skip to content

Instantly share code, notes, and snippets.

/dabblet.css

Created March 25, 2013 08:54
Show Gist options
  • Save anonymous/5235796 to your computer and use it in GitHub Desktop.
Save anonymous/5235796 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.user {
height: 32px;
width: 32px;
-webkit-animation-name: rotate;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.couleur {
height: 16px;
width: 32px;
}
.droite {
background-color: pink;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.gauche {
background-color: orange;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="user">
<div class="couleur droite"></div>
<div class="couleur gauche"></div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment