사악한 CSS - 순수한 CSS3의 인기있는 새로운 애니메이션 라이브러리

CSS3 덕분에 웹에 미친 애니메이션을 만들 수 있습니다. 이들은 할 수있다. 모든 브라우저와 페이지 요소에서 작동 탐색 항목, 드롭 다운, 탭을 제어하려면 이름을 지정하십시오..

실제로 애니메이션 도구를 사용하여 이러한 코드를 동적으로 생성 할 수도 있습니다. 그러나 그것들은 본격적인 애니메이션 라이브러리에 비해 상당히 제한적입니다..

Wicked CSS는 최신 종류의 라이브러리입니다. 이것은 나를 일찍 생각 나게한다. 상당히 간단하고 기초적인 Animate.css, 아직 거의 모든 웹 사이트에서 사용할 수 있습니다..

지원되는 모든 애니메이션 목록과 함께 라이브 데모 홈페이지를 살펴보십시오. 이 기사를 쓰는 시점에서 저는 셀 수 있습니다. 슬라이드에서 회전까지 총 24 개의 애니메이션 스타일 펄싱 / 튀는 효과.

이러한 애니메이션의 대부분은 요소를보기 (또는 보이지 않는)로 가져 오는 데 사용되는 일회성 기능입니다. 특정 페이지 요소를 타겟팅하는 스크롤 - 투 - 뷰 애니메이션이있는 페이지에 유용합니다.

하지만 당신은 또한 여분의 페이지 항목을 표시하거나 숨기려면이 옵션을 사용하십시오. 드롭 다운 메뉴, 검색 창, 숨겨진 가입 양식 또는 다른 것. 다음은 선택할 수있는 작은 애니메이션 목록입니다.

이러한 애니메이션 스타일은 모두 한 번 사용하도록 설계되었습니다. 그들은 페이지와 요소 당 여러 번 호출 될 수 있지만 이들은 반복 애니메이션이 아니다..

대신 사용자의 클릭, 마우스 오버 또는 스 와이프 효과를 토대로이 값을 사용합니다. 펄스 / 욱신 거리는 효과를 내기 위해 CTA 버튼에도 사용할 수 있지만 JavaScript 타이밍 기능이 필요합니다..

실시간 미리보기 및 몇 가지 세부 정보가 필요한 예제 페이지를 살펴보십시오. 메인 사이트에서 GitHub 레포와 함께 전체 문서를 찾을 수 있습니다..

Wicked CSS는 최신 라이브러리이므로 아직까지 따르지 않습니다. 그러나 도서관은 안정되어 있으며 수년 동안 앞으로도 계속 될 것입니다..