애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다.
두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.
혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
回答 1
1
animate.css 는 말그대로 애니메이션을 다양하게 종류별로 구현해 놓은 플러그인이기 때문에 링크로 연결한 css를 보면 내가 선택한 애니메이션 종류에 대한 클래스명과 해당 css 애니메이션 코드가 있습니다.
이것을 변경하여 사용하고 싶다면 해당 css 링크파일에서 선택하고 있는 선택자를 그대로 복사하여 내 css 파일인 mystyle.css에 붙여넣고 애니메이션 코드를 수정하여 덮어쓰기할 수 있습니다.
애니메이션이 처음 시작하는 시간이나 전체 시간을 animation-delay 속성이나 @keyframe 을 이용하여 수정해 보세요 :)
수업자료 문의
0
7
1
강의 수강 기간 연장 부탁드리겠습니다
0
8
1
7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ
0
27
2
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
0
26
3
part3. spy 쪽 / part3,part4 강의자료
0
33
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
48
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
57
1
구글 서치콘솔 도메인 소유권 확인 실패
0
40
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
59
1
다음 강의 얼른 올려주세요
0
44
2
선생님 섹션 2의 색상 설명 자료는
0
36
2
일반 강의와 차이점?
1
53
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
66
2
반응형 웹 디자인
0
58
2
stopPropagation()에 대해서 질문 있습니다.
0
50
2
액션 아이콘 컴포넌트 질문
0
47
2
3차시 실전 예시학습중입니다
0
37
3
수강기간이 무제한이된건가요?
0
131
2
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
0
340
2