github-mirror/YesPlayMusic
2
0
Fork 0
mirror of https://github.com/qier222/YesPlayMusic.git synced 2025-02-16 23:22:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(views/lyrics): use scale to make animation smooth (#1554)

Browse Source
This commit is contained in:
pan93412 2022-04-23 17:19:31 +08:00 committed by GitHub
parent ab85c51831
commit 0a1c847b4b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/lyrics.vue
View File

@ -704,13 +704,13 @@ export default {
span {
opacity: 0.28;
cursor: default;
font-size: 1em;
font-size: 0.8em;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
span.translation {
opacity: 0.2;
font-size: 0.95em;
font-size: 0.75em;
}
}
@ -722,15 +722,18 @@ export default {
margin-top: 0.1em;
}
.highlight {
transform-origin: center left;
transform: scale(1.05);
}
.highlight span {
opacity: 0.98;
display: inline-block;
font-size: 1.25em;
}
.highlight span.translation {
opacity: 0.65;
font-size: 1.1em;
}
}