add css transition to player controls

This commit is contained in:
Feross Aboukhadijeh
2016-03-04 16:24:57 -08:00
parent 11f36468e1
commit 6d1223e090

View File

@@ -259,10 +259,10 @@ body.drag::before {
content: ' — '; content: ' — ';
} }
/* /*
* VIDEO CONTROLS * VIDEO CONTROLS
*/ */
.player-controls .bottom-bar { .player-controls .bottom-bar {
position: fixed; position: fixed;
width: 100%; width: 100%;
@@ -270,6 +270,7 @@ body.drag::before {
bottom: 0; bottom: 0;
opacity: 0; opacity: 0;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
transition: all 0.1s ease-out;
} }
.player:hover .bottom-bar { .player:hover .bottom-bar {