애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다.
두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.
혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
답변 1
1
animate.css 는 말그대로 애니메이션을 다양하게 종류별로 구현해 놓은 플러그인이기 때문에 링크로 연결한 css를 보면 내가 선택한 애니메이션 종류에 대한 클래스명과 해당 css 애니메이션 코드가 있습니다.
이것을 변경하여 사용하고 싶다면 해당 css 링크파일에서 선택하고 있는 선택자를 그대로 복사하여 내 css 파일인 mystyle.css에 붙여넣고 애니메이션 코드를 수정하여 덮어쓰기할 수 있습니다.
애니메이션이 처음 시작하는 시간이나 전체 시간을 animation-delay 속성이나 @keyframe 을 이용하여 수정해 보세요 :)
검색엔진 차단 noindex
0
12
1
파트9 강의는 언제 오픈하시나요
0
21
2
ZIP 파일
0
21
2
26강 13F 강의 불일치 및 질문 요청
0
25
3
state 객체로 묶기
0
22
1
7- 상품확대 인터렉션
0
24
3
XAMPP에서 Apache, DB 재기동 시 접속안되는 문제
0
17
1
Breadth (등락 비율) 분석
0
22
1
아이콘 빌런 부분
0
26
2
26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.
0
29
2
6-6
0
30
1
Json 플러그인 사용시 variable collection 없음
0
32
2
배리어블 목록 없음
0
34
3
Token 등록 방법 문의
0
25
1
인스턴스스왑
0
32
2
6-6 실습 문의
0
33
2
섹션5 노션링크 는 따로 없나요?
0
37
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
40
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
34
2
배리어블 Value에 관해 질문있습니다.
0
51
1
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
32
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
65
2
수강기간이 무제한이된건가요?
0
113
2
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
0
326
2