section1
높은 목표를 세우고, 스스로 채찍질 한다.
section2
결과도 중요하지만, 과정을 더 중요하게 생각한다.
section3
매 순간에 최선을 다하고, 끊임없이 변화한다.
section4
모든 일에는 기본을 중요하게 생각한다.
section5
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
section6
천 마디 말보단 하나의 행동이 더 값지다.
section7
조그만 성공에 만족하지 않으며, 방심을 경계한다.
section8
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
section9
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
소스 보기
Javascript
// 01. 이질감 표현하기
// gsap.to(".parallax__item__desc", {
// yPercent: -100,
// ease: "none",
// duration: 0.5,
// scrollTrigger: {
// trigger: ".parallax__item__desc",
// start: "top bottom",
// end: "bottom top",
// markers: true,
// scrub: true
// }
// })
// 02. 여러 개 이질감 표현하기
gsap.utils.toArray(".parallax__item__desc").forEach(item => {
gsap.to(item, {
yPercent: -200,
ease: "none",
duration:0.5,
scrollTrigger: {
trigger: item,
start: "top bottom",
end: "bottom top",
markers: true,
scrub: true
}
})
})
// gsap.utils.toArray(".parallax__item__num").forEach(item => {
// gsap.to(item, {
// xPercent: -200,
// ease: "none",
// duration: 0.5,
// scrollTrigger: {
// trigger: item,
// start: "top bottom",
// end: "bottom top",
// markers: true,
// scrub: true
// }
// })
// })