애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다.
두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.
혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
Câu trả lời 1
1
animate.css 는 말그대로 애니메이션을 다양하게 종류별로 구현해 놓은 플러그인이기 때문에 링크로 연결한 css를 보면 내가 선택한 애니메이션 종류에 대한 클래스명과 해당 css 애니메이션 코드가 있습니다.
이것을 변경하여 사용하고 싶다면 해당 css 링크파일에서 선택하고 있는 선택자를 그대로 복사하여 내 css 파일인 mystyle.css에 붙여넣고 애니메이션 코드를 수정하여 덮어쓰기할 수 있습니다.
애니메이션이 처음 시작하는 시간이나 전체 시간을 animation-delay 속성이나 @keyframe 을 이용하여 수정해 보세요 :)
10월 15일 삭제예정 강의 문의
0
20
1
강의가 중복됐어요
0
33
0
결제가 이루어지는 방식에 대한 문의
0
44
1
강의제목에 10/15일 삭제라고 나와있는데,
0
46
1
컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제
0
100
6
섹션3. 스타일가이드 다운받고 난후
0
55
2
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
55
2
강의 파일 다운로드
0
56
2
1강 동영상 재생 오류
1
66
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
40
1
Composition단계에서 `Layer`는 누가 만드는지
0
41
1
강의자료 요청드립니다.
0
45
2
강의영상 어떻게 제작하셨을까요..?
0
43
2
아이콘 컬러 자동 변경
0
66
2
Strict Mode 예시 질문!
0
58
2
해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?
0
56
2
영상을 이어 붙이는 방법을 알고 싶어요.
0
66
1
만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.
1
88
4
설명이 잘못된거같습니다.
1
74
2
31강 학습자료에 프롬프트가 엉뚱한것이 있어요
1
65
1
수업자료
0
62
1
"run_nvidia_gpu.bat" 실행후
0
76
1
수강기간이 무제한이된건가요?
0
175
2
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
0
394
2