From 7c84f4ea0b83794b6fde1aa26fc11b55c7542c0b Mon Sep 17 00:00:00 2001 From: Simon Rettberg Date: Wed, 11 Jun 2014 15:27:12 +0200 Subject: Add animation class slx-rotation that will make an element rotate (used for "in progress") --- style/default.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'style') diff --git a/style/default.css b/style/default.css index e6104b8f..c8e4d260 100644 --- a/style/default.css +++ b/style/default.css @@ -114,4 +114,16 @@ body { .slx-bold { font-weight: bold; +} + +.slx-rotation { + animation-name: rotateThis; + animation-duration: .75s; + animation-iteration-count: infinite; + animation-timing-function: linear; +} + +@keyframes rotateThis { + from { transform: scale( 1 ) rotate( 0deg ); } + to { transform: scale( 1 ) rotate( 360deg ); } } \ No newline at end of file -- cgit v1.2.3-55-g7522