动画优化

This commit is contained in:
Andy Leong
2024-01-21 01:32:58 +08:00
parent 770ca4b5c8
commit 57b35eb7e4
5 changed files with 305 additions and 220 deletions

View File

@@ -56,6 +56,51 @@ onMounted(() => {
.catch((err) => {
console.error(err);
});
gsap.from(".result-bg", {
duration: 0.7,
scale: 1.2,
autoAlpha: 0,
});
gsap.from(".mbti-title", {
duration: 0.7,
x: 100,
autoAlpha: 0,
delay: 0.3,
});
gsap.from(".des", {
duration: 0.7,
x: 100,
autoAlpha: 0,
stagger: 0.3,
delay: 0.5,
});
gsap.from(".blessings", {
duration: 0.7,
x: 100,
autoAlpha: 0,
stagger: 0.2,
delay: 0.6,
});
gsap.from(".product", {
duration: 0.7,
x: 100,
autoAlpha: 0,
delay: 0.9,
});
gsap.from(".produc-img", {
duration: 0.7,
x: 100,
autoAlpha: 0,
delay: 1.2,
});
gsap.from(".theme-tab", {
duration: 0.7,
x: 100,
autoAlpha: 0,
stagger: 0.3,
delay: 1.4,
});
});
const createPoster = (event) => {