높은 목표를 세우고, 스스로 채찍질 한다.
결과도 중요하지만, 과정을 더 중요하게 생각한다.
매 순간에 최선을 다하고, 끊임없이 변화한다.
모든 일에는 기본을 중요하게 생각한다.
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
천 마디 말보단 하나의 행동이 더 값지다.
조그만 성공에 만족하지 않으며, 방심을 경계한다.
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
GSAP scrollTrigger - 배경색 효과
높은 목표를 세우고, 스스로 채찍질 한다.
결과도 중요하지만, 과정을 더 중요하게 생각한다.
매 순간에 최선을 다하고, 끊임없이 변화한다.
모든 일에는 기본을 중요하게 생각한다.
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
천 마디 말보단 하나의 행동이 더 값지다.
조그만 성공에 만족하지 않으며, 방심을 경계한다.
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
// 전체 배경 변경
let bg = gsap.timeline({
scrollTrigger: {
start: 0,
end: "max",
scrub: true
}
});
bg.to("body", {"--bg-color":"red"});
bg.to("body", {"--bg-color":"green"});
bg.to("body", {"--bg-color":"blue"});
// data 값으로 변경
gsap.utils.toArray(".parallax__item").forEach(item => {
let color = item.getAttribute("data-bgcolor");
ScrollTrigger.create({
trigger: item,
start: "top 50%",
end: "bottom 5%",
markers: true,
onEnter: () => gsap.to("body", {
backgroundColor: color,
duration: 1.4
}),
onEnterBack: () => gsap.to("body", {
backgroundColor: color,
duration: 1.4
})
});
});