girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 13:17:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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