web/notify.moe
Code Issues Pull Requests Activity

Added scrolling animation to audio player thumbnail (closes #101)

Browse Source
This commit is contained in:
Eduard Urbach
2018-03-12 00:23:01 +01:00
parent 019b886030
commit 5e552f2541
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
layout/sidebar/audioplayer.scarlet
View File

@ -12,26 +12,24 @@
align-items center
width 100%
#audio-player-anime-image
opacity 0.15 !important
width 39px
height 39px
#audio-player-anime-link
width 142px
height 142px
overflow-y hidden
border-radius 3px
object-fit cover
default-transition
animation rotate-y-once 5s ease infinite alternate
opacity 0.75
:hover
filter saturate(130%)
opacity 1.0 !important
opacity 1
animation rotate-y-once
0%
transform rotateY(0)
90%
transform rotateY(0)
100%
transform rotateY(90deg)
#audio-player-anime-image
width 100%
transform translateY(0%)
animation bounce-up-down 45s linear infinite
animation bounce-up-down
50%
transform translateY(-30%)
#audio-player-track-title
width 100%