-
slick.js See the Pen slick 슬라이드 애니메이션 적용 (slick slide animation css) by kimyangsun (@kimyangsun) on CodePen.
https://codepen.io/kimyangsun/pen/bGdBJOy
slick 슬라이더의 내부 텍스트에 애니메이션을 준 소스코드입니다.
여기서 주의할 점은 애니메이션을 slick-slide에 slick-active 클래스가 들어갈때마다 넣어주었기 때문에 slick-active 와
연관지어서 css를 작성해야 합니다.
단, 주의할 점이 있습니다.
각각 문장마다 애니메이션 딜레이를 다르게 주거나 하고싶다면 각각 animation-delay css를 주어야 한다는 부분입니다.
'코딩 기록 > 코딩 소스 [HTML & CSS & JS]' 카테고리의 다른 글
(HTML / CSS / jQuery) 제이쿼리 슬라이더 페이지 표시 (번호 매기기) (0) 2020.02.23 (HTML / CSS / jQuery) slick 슬라이더 transition 적용 예제 (2) 2020.02.23 (HTML / CSS) form search 검색창 예제 소스코드 (0) 2020.02.23 (HTML / CSS) form tag 기본 사용 소스코드 (0) 2020.02.23 (html / css) 엔제리너스 상단 메뉴바 구현 (0) 2020.02.23 댓글