애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다.
두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.
혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
답변 1
1
animate.css 는 말그대로 애니메이션을 다양하게 종류별로 구현해 놓은 플러그인이기 때문에 링크로 연결한 css를 보면 내가 선택한 애니메이션 종류에 대한 클래스명과 해당 css 애니메이션 코드가 있습니다.
이것을 변경하여 사용하고 싶다면 해당 css 링크파일에서 선택하고 있는 선택자를 그대로 복사하여 내 css 파일인 mystyle.css에 붙여넣고 애니메이션 코드를 수정하여 덮어쓰기할 수 있습니다.
애니메이션이 처음 시작하는 시간이나 전체 시간을 animation-delay 속성이나 @keyframe 을 이용하여 수정해 보세요 :)
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
15
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
20
2
자료실
1
17
2
저는 일단 워드프레스로 블로그를 만들어 보려고
0
13
2
cafe24에서 했다가 fastcomet으로 변경하려 하는데요 문제가 생겼습니다
0
14
2
'만능으로 쓰이는 기본카드' 강의 내용에 대해 질문드립니다.
0
15
2
html / css 기초는 있습니다..
0
34
2
ReactScriptExample 관련 질문
0
31
1
class 이름을 section__title이라고 짓는 것에 대해서
0
40
2
수업자료와 노션 공유 문제
0
57
3
[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지
0
41
1
[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지
0
32
1
[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지
0
34
1
'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.
0
59
2
경력기술서는 어떤 방향이 좋을까요?
0
63
2
figma.com/@boldux 계정이 없다고 나옵니다
0
47
2
왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?
0
78
3
어플리케이션 실행 후 에러에 관하여 질문 드립니다.
2
66
2
26,27강 진행 간 노션, html 프롬프트 파일 불일치
0
72
3
<div id="banner">배너 이미지</div> 관련 질문
0
40
1
변수 설정 시에 질문입니다.
0
46
2
설치 및 설정 가이드 노션 자료는 없나요 ?
0
66
2
수강기간이 무제한이된건가요?
0
150
2
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
0
367
2