반응형
// 실행 전
&[data-aos="fade-up"] {
transform: translate3d(0, 50px, 0);
}
// 실행 후
&.aos-animate[data-aos="fade-up"] {
transform: translate3d(0, 0, 0);
}
scss 적용 시 &(앤드)를 써야함
반응형
'JS, jQuery' 카테고리의 다른 글
gsap.to()와 ScrollTrigger.create()의 차이 (0) | 2025.03.06 |
---|---|
ScrollTrigger 설명 (0) | 2025.03.06 |
js swiper로 부드럽게 자동 롤링 구현하기 (0) | 2025.01.17 |
aos를 활용한 애니메이션 추가 방법 (0) | 2024.11.04 |
swiper loop 에러 (0) | 2024.06.17 |