From b6137ff1d526554f22cc62b6f65b1bc049793fd1 Mon Sep 17 00:00:00 2001 From: Huzaifa Inam Date: Sat, 22 Aug 2026 21:25:23 +0000 Subject: [PATCH] Add theme_3d_systems/static/src/scss/animations.scss --- .../static/src/scss/animations.scss | 48 +++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 theme_3d_systems/static/src/scss/animations.scss diff --git a/theme_3d_systems/static/src/scss/animations.scss b/theme_3d_systems/static/src/scss/animations.scss new file mode 100644 index 0000000..a01f7dc --- /dev/null +++ b/theme_3d_systems/static/src/scss/animations.scss @@ -0,0 +1,48 @@ +// Animations & Keyframes +@keyframes pulseGlow { + 0% { + transform: scale(0.95); + opacity: 0.7; + } + 50% { + transform: scale(1.15); + opacity: 1; + } + 100% { + transform: scale(0.95); + opacity: 0.7; + } +} + +@keyframes floatElement { + 0% { + transform: translateY(0px) rotate(0deg); + } + 50% { + transform: translateY(-10px) rotate(1deg); + } + 100% { + transform: translateY(0px) rotate(0deg); + } +} + +@keyframes dataStream { + 0% { + stroke-dashoffset: 100; + } + 100% { + stroke-dashoffset: 0; + } +} + +.animate-float { + animation: floatElement 6s ease-in-out infinite; +} + +@media (prefers-reduced-motion: reduce) { + *, ::before, ::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + } +}