mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Make a style transition like a button

Browse source
This commit is contained in:
Dmitry Lyzo 2020-02-13 09:15:28 +03:00
parent 7faa4dab2b
commit c4824abfb0
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/elements/emby-slider/emby-slider.css
View file

@ -75,7 +75,7 @@
border-radius: 50%; border-radius: 50%;
background: #00a4dc; background: #00a4dc;
border: none; 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; pointer-events: none;
} }
@ -104,6 +104,7 @@
background: #00a4dc; background: #00a4dc;
background-image: none; background-image: none;
border: none; border: none;
transition: 0.2s;
} }
.mdl-slider:hover::-moz-range-thumb { .mdl-slider:hover::-moz-range-thumb {
@ -123,7 +124,7 @@
background: #00a4dc; background: #00a4dc;
border: none; border: none;
transform: scale(0.771429); 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 { .mdl-slider:hover::-ms-thumb {