Add: Video - Animation #335

This commit is contained in:
alstjr7375 2022-02-23 10:20:21 +09:00
parent 2b7570bfca
commit a20a26eb7c

View file

@ -65,6 +65,29 @@ video {
fill: #48a0f7 !important; /* color as .scrubber */
}
/* Animation */
@media (prefers-reduced-motion: no-preference) {
/* Control Bar */
#controlsContainer .controlBar {
transition: transform 350ms ease;
}
#controlsContainer .controlBar[hidden] {
transform: translateY(100%);
transition: transform 350ms ease-in-out, opacity 1s ease 100ms !important;
}
#controlsContainer .controlBar[hidden] .progressBar,
#controlsContainer .controlBar[hidden] .bufferBar {
display: unset !important;
opacity: 0.55;
transition: opacity 150ms ease 50ms;
}
/* Click to play */
#controlsContainer .clickToPlay {
transition: opacity 150ms ease-in-out, fill 150ms ease-in-out;
}
}
@-moz-document url("about:home"), url("about:newtab") {
/** Activity Stream - Search Focus Border: like URL *************************/
/* At DarkMode, Color */