diff options
| author | Simon Rettberg | 2014-06-11 15:27:12 +0200 |
|---|---|---|
| committer | Simon Rettberg | 2014-06-11 15:27:12 +0200 |
| commit | 7c84f4ea0b83794b6fde1aa26fc11b55c7542c0b (patch) | |
| tree | e8ad3624dfab5f2bcfcd6779b86ceb520f59aa69 /style | |
| parent | Improved some help text :) (diff) | |
| download | slx-admin-7c84f4ea0b83794b6fde1aa26fc11b55c7542c0b.tar.gz slx-admin-7c84f4ea0b83794b6fde1aa26fc11b55c7542c0b.tar.xz slx-admin-7c84f4ea0b83794b6fde1aa26fc11b55c7542c0b.zip | |
Add animation class slx-rotation that will make an element rotate (used for "in progress")
Diffstat (limited to 'style')
| -rw-r--r-- | style/default.css | 12 |
1 files changed, 12 insertions, 0 deletions
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 |