animate.css 스크롤 될때마다 동작하게 할려면..
본문
https://daneden.github.io/animate.css/
이런 애니를 동작하면 스크롤을 한번 내릴때만 동작되고 다시 올리면 동작안되는데..
스크롤 업다운 시킬때마다 반응하게 할려면 어찌 해야 할까요?
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
답변을 작성하시기 전에 로그인 해주세요.
