c3d2/c3d2-web
c3d2
/
c3d2-web
37
3
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

datenspuren style: rising rocket

This commit is contained in:
Astro 2013-07-22 03:34:16 +02:00
parent 46b2554d38
commit a720b0d17f
1 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
content/static/datenspuren/2013/style/style.css
View File

@ -38,6 +38,10 @@ img {
right: 8px;
top: 64px;
width: 136px;
-webkit-animation: rise 1.5s 1 ease;
-moz-animation: rise 1.5s 1 ease;
-ms-animation: rise 1.5s 1 ease;
-o-animation: rise 1.5s 1 ease;
}
#c3d2 {
margin-left: 16px;
@ -249,6 +253,10 @@ footer a:hover, aside a:hover {
}
}
/**
* Animations inspired by:
* http://www.csszengarden.com/215/215.css?v=8may2013
**/
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
@ -410,3 +418,44 @@ footer a:hover, aside a:hover {
transform: rotate(-360deg);
}
}
@-webkit-keyframes rise {
from {
top: 150%;
}
to {
top: 64px;
}
}
@-moz-keyframes rise {
from {
top: 150%;
}
to {
top: 64px;
}
}
@-ms-keyframes rise {
from {
top: 150%;
}
to {
top: 64px;
}
}
@-o-keyframes rise {
from {
top: 150%;
}
to {
top: 64px;
}
}
@keyframes rise {
from {
top: 150%;
}
to {
top: 64px;
}
}