diff options
| author | Devaev Maxim <[email protected]> | 2018-07-25 10:34:44 +0300 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-25 10:34:44 +0300 |
| commit | 922e303c7045e2b1da8116611e53efb8e8d77e08 (patch) | |
| tree | 68d98aa1504a69d548a431073a9763f2a67fbb56 /kvmd/web/css/leds.css | |
| parent | 22c060956e37a9cb1733a3e7f808048779a5a72a (diff) | |
virtual keyboard prototype
Diffstat (limited to 'kvmd/web/css/leds.css')
| -rw-r--r-- | kvmd/web/css/leds.css | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/kvmd/web/css/leds.css b/kvmd/web/css/leds.css new file mode 100644 index 00000000..d7ac1d8e --- /dev/null +++ b/kvmd/web/css/leds.css @@ -0,0 +1,44 @@ +@-webkit-keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + } +} +@-moz-keyframes spin { + 100% { + -moz-transform: rotate(360deg); + } +} +@keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +img.led-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); +} + +img.led-off { + -webkit-filter: invert(0.5); + -moz-filter: invert(0.5); + filter: invert(0.5); +} + +img.led-hdd-busy { + -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); +} + +img.led-msd-writing { + -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 2s linear infinite; + -moz-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} |