From c4824abfb08664822480b4662c5c24fa4d1f9193 Mon Sep 17 00:00:00 2001 From: Dmitry Lyzo Date: Thu, 13 Feb 2020 09:15:28 +0300 Subject: [PATCH] Make a style transition like a button --- src/elements/emby-slider/emby-slider.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/elements/emby-slider/emby-slider.css b/src/elements/emby-slider/emby-slider.css index 4284d7d81..9ef577a19 100644 --- a/src/elements/emby-slider/emby-slider.css +++ b/src/elements/emby-slider/emby-slider.css @@ -75,7 +75,7 @@ border-radius: 50%; background: #00a4dc; border: none; - transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: 0.2s; pointer-events: none; } @@ -104,6 +104,7 @@ background: #00a4dc; background-image: none; border: none; + transition: 0.2s; } .mdl-slider:hover::-moz-range-thumb { @@ -123,7 +124,7 @@ background: #00a4dc; border: none; transform: scale(0.771429); - transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: 0.2s; } .mdl-slider:hover::-ms-thumb {