매직 애니메이션 CSS3는 Animate.css 프로젝트에서 영감을하지만, 몇 가지 추가 멋진 효과로 확장되었다.
모든 애니메이션은 호버 이벤트와 페이지로드에 애니메이션을 보여주기 위해 요소에 추가 또는 삽입 된 자바 스크립트를 통해 및 사용할 수있는 특별한 CSS 클래스를 통해 트리거됩니다.
깊이에서 설치 및 사용 지침은 패키지의 README 파일과 함께 제공됩니다.
지원되는 애니메이션 :
매직 효과 :
마법
twisterInDown
twisterInUp
교환
블링 :
퍼핀
puffOut
vanishIn
vanishOut
정적 효과 :
openDownLeft
openDownRight
openUpLeft
openUpRight
openDownLeftRetourn
openDownRightRetourn
openUpLeftRetourn
openUpRightRetourn
정적 효과 아웃 :
openDownLeftOut
openDownRightOut
openUpLeftOut
openUpRightOut
관점 :
perspectiveDown
perspectiveUp
perspectiveLeft
perspectiveRight
perspectiveDownRetourn
perspectiveUpRetourn
perspectiveLeftRetourn
perspectiveRightRetourn
회전 :
rotateDown
rotateUp
rotateLeft
rotateRight
슬라이드 :
slideDown
slideUp
slideLeft
slideRight
slideDownRetourn
slideUpRetourn
slideLeftRetourn
slideRightRetourn
수학 :
swashOut
swashIn
foolishOut
foolishIn
holeOut
주석 :
tinRightOut
tinLeftOut
tinUpOut
tinDownOut
tinRightIn
tinLeftIn
tinUpIn
tinDownIn
폭탄 :
bombRightOut
bombLeftOut
보잉 :
boingInUp
boingOutDown
공간 :
spaceOutUp
spaceOutRight
spaceOutDown
spaceOutLeft
spaceInUp
spaceInRight
spaceInDown
spaceInLeft
이 릴리스의 새로운 기능입니다 :
이 코드 개정 및 불필요한 접두어를 제거했습니다.
이 요구 사항 :
이 CSS 3 지원 브라우저
댓글을 찾을 수 없습니다