From a720b0d17fd20e181453410f93838070a27a3a57 Mon Sep 17 00:00:00 2001 From: Astro Date: Mon, 22 Jul 2013 03:34:16 +0200 Subject: [PATCH] datenspuren style: rising rocket --- .../static/datenspuren/2013/style/style.css | 49 +++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/content/static/datenspuren/2013/style/style.css b/content/static/datenspuren/2013/style/style.css index f413fd9c7..b23d7513d 100644 --- a/content/static/datenspuren/2013/style/style.css +++ b/content/static/datenspuren/2013/style/style.css @@ -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; + } +}