HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

style: 🎨 Replace to and from with 0% and 100% in CSS @keyframes

Browse source 
Closes #10752
This commit is contained in:
Kainoa Kanter 2023-09-20 12:30:33 -07:00
parent 70ad42c49c
commit 6f0b28859e
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/client/src/components/global/MkAvatar.vue
View file

@ -89,7 +89,7 @@ watch(
<style lang="scss" scoped> <style lang="scss" scoped>
@keyframes earwiggleleft { @keyframes earwiggleleft {
from { 0% {
transform: rotate(37.6deg) skew(30deg); transform: rotate(37.6deg) skew(30deg);
} }
25% { 25% {
@ -101,13 +101,13 @@ watch(
75% { 75% {
transform: rotate(0deg) skew(30deg); transform: rotate(0deg) skew(30deg);
} }
to { 100% {
transform: rotate(37.6deg) skew(30deg); transform: rotate(37.6deg) skew(30deg);
} }
} }
@keyframes earwiggleright { @keyframes earwiggleright {
from { 0% {
transform: rotate(-37.6deg) skew(-30deg); transform: rotate(-37.6deg) skew(-30deg);
} }
30% { 30% {
@ -119,7 +119,7 @@ watch(
75% { 75% {
transform: rotate(0deg) skew(-30deg); transform: rotate(0deg) skew(-30deg);
} }
to { 100% {
transform: rotate(-37.6deg) skew(-30deg); transform: rotate(-37.6deg) skew(-30deg);
} }
} }

4
packages/client/src/components/global/MkMisskeyFlavoredMarkdown.vue
View file

@ -297,7 +297,7 @@ const props = withDefaults(
} }
@keyframes mfm-rubberBand { @keyframes mfm-rubberBand {
from { 0% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
30% { 30% {
@ -315,7 +315,7 @@ const props = withDefaults(
75% { 75% {
transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);
} }
to { 100% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }

14
packages/client/src/style.scss
View file

@ -745,7 +745,7 @@ hr {
} }
@keyframes tada { @keyframes tada {
from { 0% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
@ -767,14 +767,14 @@ hr {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
} }
to { 100% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }
@media (prefers-reduced-motion) { @media (prefers-reduced-motion) {
@keyframes tada { @keyframes tada {
from { 0% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
@ -782,7 +782,7 @@ hr {
transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);
} }
to { 100% {
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }
@ -937,7 +937,7 @@ hr {
// } // }
@keyframes reset { @keyframes reset {
to { 100% {
transform: none; transform: none;
opacity: 1; opacity: 1;
} }
@ -948,13 +948,13 @@ hr {
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
@keyframes scaleIn { @keyframes scaleIn {
from { 0% {
transform: scale(0); transform: scale(0);
opacity: 0; opacity: 0;
} }
} }
@keyframes scaleInSmall { @keyframes scaleInSmall {
from { 0% {
transform: scale(0.8); transform: scale(0.8);
opacity: 0; opacity: 0;
} }