Improve shine animations
This commit is contained in:
+5
-8
@@ -42,7 +42,7 @@
|
||||
--font-sans: "InterVariable", sans-serif;
|
||||
--font-sans--font-feature-settings: "cv02", "cv03", "cv04", "cv11";
|
||||
--animate-shake: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
|
||||
--animate-shine: shine 3s ease infinite;
|
||||
--animate-shine: shine 3s linear infinite;
|
||||
--animate-equalizer-bar: equalizer-bar 1.2s ease-in-out infinite;
|
||||
|
||||
@keyframes shake {
|
||||
@@ -66,14 +66,11 @@
|
||||
}
|
||||
|
||||
@keyframes shine {
|
||||
0%,
|
||||
100% {
|
||||
background-size: 100% 100%;
|
||||
background-position: left center;
|
||||
0% {
|
||||
background-position: 200% center;
|
||||
}
|
||||
50% {
|
||||
background-size: 200% 200%;
|
||||
background-position: right center;
|
||||
100% {
|
||||
background-position: -200% center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user