michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added logo bg pulsing effect
Some checks failed
test / cargo test (push) Failing after 1m24s
Details

Browse Source
This commit is contained in:
Michal Vanko 2025-03-13 22:40:21 +01:00
parent f09ce128e8
commit 5a1fb0c5f9
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/assets/animated_logo.html
View File

@ -41,7 +41,7 @@
bgAnimationTimeline.add({ bgAnimationTimeline.add({
targets: '#m-logo #bg-gradient #bg-stop', targets: '#m-logo #bg-gradient #bg-stop',
offset: "0%", offset: "0%",
stopColor: "rgba(216, 246, 255, 1)", stopColor: "rgba(216, 246, 255, 0.8)",
easing: 'easeInQuint', easing: 'easeInQuint',
duration: 123, duration: 123,
}) })
@ -50,6 +50,18 @@
offset: "100%", offset: "100%",
easing: 'easeOutExpo', easing: 'easeOutExpo',
duration: 333, duration: 333,
complete: (animation) => {
const target = animation.animatables[0].target
target.setAttribute("stop-color", "rgba(216, 246, 255, 0.8)")
anime({
targets: '#m-logo #bg-gradient #bg-stop',
stopColor: "rgba(216, 246, 255, 0.3)",
easing: 'easeOutQuad',
duration: 3333,
direction: 'alternate',
loop: true,
});
}
}) })
} }
}, 160) }, 160)