This commit is contained in:
ThinaticSystem 2021-09-12 11:04:05 +09:00
parent cc47190aa8
commit 8b5b6c150e

View File

@ -145,14 +145,17 @@ export default defineComponent({
$frame1: $frame1 + 5%; $frame1: $frame1 + 5%;
$frame2: $frame2 + 5%; $frame2: $frame2 + 5%;
} }
from { transform: rotate(calc(#{$invert} * 37.6deg)) skew(calc(#{$invert} * 30deg)); } from { transform: rotate(calc(#{$invert} * 37.6deg)) skew(calc(#{$invert} * 30deg)); }
#{$frame1} { transform: rotate(calc(#{$invert} * 10deg)) skew(calc(#{$invert} * 30deg)); } #{$frame1} { transform: rotate(calc(#{$invert} * 10deg)) skew(calc(#{$invert} * 30deg)); }
#{$frame2} { transform: rotate(calc(#{$invert} * 20deg)) skew(calc(#{$invert} * 30deg)); } #{$frame2} { transform: rotate(calc(#{$invert} * 20deg)) skew(calc(#{$invert} * 30deg)); }
#{$frame3} { transform: rotate(calc(#{$invert} * 0deg)) skew(calc(#{$invert} * 30deg)); } #{$frame3} { transform: rotate(calc(#{$invert} * 0deg)) skew(calc(#{$invert} * 30deg)); }
to { transform: rotate(calc(#{$invert} * 37.6deg)) skew(calc(#{$invert} * 30deg)); } to { transform: rotate(calc(#{$invert} * 37.6deg)) skew(calc(#{$invert} * 30deg)); }
} }
animation: kf-#{$lr} 1s infinite; animation: kf-#{$lr} 1s infinite;
} }
&::before { &::before {
@include earwiggle(left); @include earwiggle(left);
} }