높은 목표를 세우고, 스스로 채찍질 한다.
결과도 중요하지만, 과정을 더 중요하게 생각한다.
매 순간에 최선을 다하고, 끊임없이 변화한다.
모든 일에는 기본을 중요하게 생각한다.
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
천 마디 말보단 하나의 행동이 더 값지다.
조그만 성공에 만족하지 않으며, 방심을 경계한다.
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
GSAP scrollTrigger - 진행바 효과
높은 목표를 세우고, 스스로 채찍질 한다.
결과도 중요하지만, 과정을 더 중요하게 생각한다.
매 순간에 최선을 다하고, 끊임없이 변화한다.
모든 일에는 기본을 중요하게 생각한다.
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
천 마디 말보단 하나의 행동이 더 값지다.
조그만 성공에 만족하지 않으며, 방심을 경계한다.
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
//CSS
.parallax__progress progress {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 5px;
border: none;
background: transparent;;
}
progress::-webkit-progress-bar {
background: transparent;
}
progress::-webkit-progress-value {
background: linear-gradient(to left, #db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);
background-attachment: fixed;
}
progress::-moz-progress-bar {
background: linear-gradient(to left, #db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);
background-attachment: fixed;
}
//GSAP script
gsap.to ("progress", {
value: 100,
ease: "none",
scrollTrigger: {scrub:0.3}
}) gsap.to ("progress", {
value: 100,
ease: "none",
scrollTrigger: {scrub:0.3}
})