애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다.
두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.
혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
답변 1
1
animate.css 는 말그대로 애니메이션을 다양하게 종류별로 구현해 놓은 플러그인이기 때문에 링크로 연결한 css를 보면 내가 선택한 애니메이션 종류에 대한 클래스명과 해당 css 애니메이션 코드가 있습니다.
이것을 변경하여 사용하고 싶다면 해당 css 링크파일에서 선택하고 있는 선택자를 그대로 복사하여 내 css 파일인 mystyle.css에 붙여넣고 애니메이션 코드를 수정하여 덮어쓰기할 수 있습니다.
애니메이션이 처음 시작하는 시간이나 전체 시간을 animation-delay 속성이나 @keyframe 을 이용하여 수정해 보세요 :)
13. (App 2) 기본기 훈련 에서
0
10
1
17강 강의에 목데이터 첨부파일이 없습니다.
1
11
1
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
15
1
11차시 Antigravity IDE 설치 후
0
17
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
15
1
5,6,7,8 내용이 없어요
0
14
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
25
1
수업 자료 문의
0
19
1
장치 의존성과 CSR
0
30
1
순수 함수 / 순수 컴포넌트
0
22
1
css box-sizing 관련 질문
0
32
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
25
1
node.js 설치 (LTS버전)
0
28
1
Cursor & Antigravity 소개 및 설치
0
32
2
뉴스페이퍼 테마 관련
0
35
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
33
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
35
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
33
1
잘못된 파일 다운로드
0
35
1
수업자료는 어디서 받나요
0
39
2
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
55
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
43
2
수강기간이 무제한이된건가요?
0
158
2
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
0
374
2