From ddefd1c2f02ff4c7abdabd97b914e9f9b8e55190 Mon Sep 17 00:00:00 2001 From: Lu Wang Date: Sat, 28 Sep 2013 11:38:35 +0800 Subject: [PATCH] add loading indicator --- share/base.css.in | 1 + share/fancy.css.in | 17 +++++++++++++++++ 2 files changed, 18 insertions(+) diff --git a/share/base.css.in b/share/base.css.in index 4f9065b..0505377 100644 --- a/share/base.css.in +++ b/share/base.css.in @@ -32,6 +32,7 @@ overflow:auto; } #loading-indicator { + display:none; position:absolute; width:64px; height:64px; diff --git a/share/fancy.css.in b/share/fancy.css.in index bb1b3d5..ec00571 100644 --- a/share/fancy.css.in +++ b/share/fancy.css.in @@ -55,5 +55,22 @@ -webkit-animation: fadein 100ms; animation: fadein 100ms; } + @keyframes swing { + 0% { transform: rotate(0deg); } + 10% { transform: rotate(0deg); } + 90% { transform: rotate(720deg); } + 100%{ transform: rotate(720deg); } + } + + @-webkit-keyframes swing { + 0% { -webkit-transform: rotate(0deg); } + 10% { -webkit-transform: rotate(0deg); } + 90% { -webkit-transform: rotate(720deg); } + 100%{ -webkit-transform: rotate(720deg); } + } + #loading-indicator { + animation: swing 1.5s ease-in-out 0s infinite alternate none; + -webkit-animation: swing 1.5s ease-in-out 0s infinite alternate none; + } } /* Fancy CSS END */