diff options
| author | Devaev Maxim <[email protected]> | 2018-07-28 02:39:55 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-28 02:39:55 +0300 |
| commit | af70d123cb4275ef511b5b44988645ddab4c4848 (patch) | |
| tree | 2818d166d721d0101dbe6a1e112c87a4f7710940 /kvmd/web | |
| parent | df7f24e7ca2ea28822dff5344d42d3b8f6803869 (diff) | |
fan animation
Diffstat (limited to 'kvmd/web')
| -rw-r--r-- | kvmd/web/css/leds.css | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/kvmd/web/css/leds.css b/kvmd/web/css/leds.css index d7ac1d8e..2a84d402 100644 --- a/kvmd/web/css/leds.css +++ b/kvmd/web/css/leds.css @@ -42,3 +42,27 @@ img.led-msd-writing { -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } + +img.led-fan-on { + -webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); + -moz-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); + filter: invert(0.5) sepia(1) saturate(5) hue-rotate(100deg); + -webkit-animation: spin 3s linear infinite; + -moz-animation: spin 3s linear infinite; + animation: spin 3s linear infinite; +} + +img.led-fan-slow { + -webkit-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); + -moz-filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); + filter: invert(0.5) sepia(1) saturate(5) hue-rotate(0deg); + -webkit-animation: spin 6s linear infinite; + -moz-animation: spin 6s linear infinite; + animation: spin 6s linear infinite; +} + +img.led-fan-fail { + -webkit-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); + -moz-filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); + filter: invert(0.5) sepia(1) saturate(15) hue-rotate(320deg); +} |