Начална » Toolkit » Wicked CSS - Гореща нова анимационна библиотека в Pure CSS3

    Wicked CSS - Гореща нова анимационна библиотека в Pure CSS3

    Благодарение на CSS3 можете да създадете някои луди анимации в мрежата. Те могат работа във всички браузъри и елементи на страници за да контролирате елементите на навигацията, падащите падащи менюта, табулациите, дайте име.

    Всъщност можете дори да генерирате тези кодове динамично, използвайки анимационни инструменти. Но те са доста ограничени в сравнение с пълноценната библиотека с анимации.

    Wicked CSS е най-новата по рода си библиотека. Това ми напомня за ранните Animate.css, която беше доста проста и елементарна, все още може да се използва в почти всеки уебсайт.

    Обърнете внимание на началната страница за демонстрация на живо, както и списък с всички поддържани анимации. От написването на тази статия се брои 24 общо анимационни стилове от слайдове до ротации и пулсиращи / подскачащи ефекти.

    Много от тези анимации са еднократни функции, използвани за привеждане на елемент (или извън него). Това е удобно за страници с анимации за превъртане до изглед, насочени към конкретни елементи на страницата.

    Но вие също можете използвайте това, за да покажете (или да скриете) допълнителни елементи на страницата като падащи менюта, ленти за търсене, скрити формуляри за регистрация или нещо друго. Ето малък списък с анимации, които можете да изберете от:

    • Клатя
    • Увеличете / намалете мащаба
    • Плъзнете нагоре / надолу
    • Избледняват / излизат
    • Влизане / излизане
    • Отскачане и поп
    • Въртене / излизане на кръг

    Всички тези стилове на анимация са предназначени за еднократна употреба. Те могат да бъдат извиквани няколко пъти на страница и на елемент, но те не се повтарят анимации.

    Вместо това ще ги използвате въз основа на кликване, натискане на мишката или ефект на плъзгане. Те могат да се използват и при бутони CTA за пулсиращи / пулсиращи ефекти, но това изисква JavaScript функция за синхронизация.

    Разгледайте страницата с примери за преглед на живо и още подробности. Също така ще намерите пълна документация на основния сайт заедно с репо GitHub.

    Wicked CSS е по-нова библиотека, така че все още няма огромни последствия. Но библиотеката е стабилна и има вероятност да бъде около години напред.