애니메이션 시간차
animation.css에서 강의대로 animate__fadeInLeftBig을 가져왔는데 첫 슬라이드는 자연스럽게 나옵니다.
두번째 슬라이드에서는 중간에 살짝 덜컹거리듯이 하며 나오는 문제와 next 버튼을 클릭했을 때 다음 화면을 넘어가게 되면 애니메이션 텍스트의 나타나는 시간과 이미지가 슬라이드되서 보여지는 시간 차이가 납니다.
혹시 animatin.css 에서 선언된 애니메이션 옵션이 변경 가능한지 궁금합니다.
回答 1
1
animate.css 는 말그대로 애니메이션을 다양하게 종류별로 구현해 놓은 플러그인이기 때문에 링크로 연결한 css를 보면 내가 선택한 애니메이션 종류에 대한 클래스명과 해당 css 애니메이션 코드가 있습니다.
이것을 변경하여 사용하고 싶다면 해당 css 링크파일에서 선택하고 있는 선택자를 그대로 복사하여 내 css 파일인 mystyle.css에 붙여넣고 애니메이션 코드를 수정하여 덮어쓰기할 수 있습니다.
애니메이션이 처음 시작하는 시간이나 전체 시간을 animation-delay 속성이나 @keyframe 을 이용하여 수정해 보세요 :)
Json 플러그인 사용시 variable collection 없음
0
12
1
배리어블 목록 없음
0
21
3
Token 등록 방법 문의
0
18
1
인스턴스스왑
0
17
2
6-6 실습 문의
0
23
2
섹션5 노션링크 는 따로 없나요?
0
29
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
32
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
27
2
배리어블 Value에 관해 질문있습니다.
0
35
0
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
24
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
54
2
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
39
1
Navigation Mobile 토글 베리어블이 안됩니당
1
34
2
실습파일
0
25
2
claude plugin 방법 자세히 부탁드려요
0
40
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
32
1
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
40
2
28강 프롬프트가 없습니다.
0
39
2
최근 코테, 과제 테스트 트렌드
0
67
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
39
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
39
2
신규 업데이트 내용
0
31
2
수강기간이 무제한이된건가요?
0
113
2
캐러셀이 좌우로 움직이지 않아요 ㅠㅠ
0
323
2