diff options
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/components/captions.less | 1 | ||||
| -rw-r--r-- | src/less/lib/animation.less | 10 |
2 files changed, 11 insertions, 0 deletions
diff --git a/src/less/components/captions.less b/src/less/components/captions.less index 56e05ddf..ad0fc79f 100644 --- a/src/less/components/captions.less +++ b/src/less/components/captions.less @@ -16,6 +16,7 @@ padding: @plyr-control-spacing; transform: translateY(-(@plyr-control-spacing * 4)); transition: transform 0.4s ease-in-out; + animation: plyr-fade-in 0.3s ease; color: @plyr-captions-color; font-size: @plyr-font-size-captions-small; text-align: center; diff --git a/src/less/lib/animation.less b/src/less/lib/animation.less index 4165a7f7..4c8628e0 100644 --- a/src/less/lib/animation.less +++ b/src/less/lib/animation.less @@ -19,3 +19,13 @@ opacity: 1; } } + +@keyframes plyr-fade-in { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} |