From af70d123cb4275ef511b5b44988645ddab4c4848 Mon Sep 17 00:00:00 2001 From: Devaev Maxim Date: Sat, 28 Jul 2018 02:39:55 +0300 Subject: fan animation --- kvmd/web/css/leds.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'kvmd') 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); +} -- cgit v1.2.3