animation aside

2024-04-26 17:23:30 +02:00
parent 5c16ff54b3
commit ac8c323805
12 changed files with 413 additions and 201 deletions
@@ -0,0 +1,51 @@
+@keyframes pulse {
+  0% {
+    transform: scale(0); }
+  100% {
+    transform: scale(0.5); } }
+
+@keyframes slidein {
+  from {
+    transform: translateX(0%); }
+  to {
+    transform: translateX(100%); } }
+
+@keyframes dropDown {
+  from {
+    transform: translateY(0%); }
+  to {
+    transform: translateY(100%); } }
+
+@keyframes translateAnimation {
+  0% {
+    transform: translateX(0);
+    /* Start translation */ }
+  50% {
+    transform: translateX(200); }
+  100% {
+    transform: translateX(500px);
+    /* End translation */ } }
+
+@keyframes changeColor {
+  0% {
+    fill: #b9ce00;
+    /* Initial fill color */ }
+  100% {
+    fill: #ff804d;
+    /* Final fill color */ } }
+
+@keyframes changeColor2 {
+  0% {
+    fill: #038788;
+    /* Initial fill color */ }
+  100% {
+    fill: #349a84;
+    /* Final fill color */ } }
+
+@keyframes traceAppear {
+  0% {
+    opacity: 0; }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }