Tuesday.css е The Hottest Animation Library в момента
Вече трябва вече да сте запознати Animate.css като основната библиотека за анимация сред уеб дизайнерите.
Но има ново дете на име вторник, и е вземане на уеб анимация със сила.
Тази нова библиотека не е много различна по формат или реализация. Но вторник идва с шепа нови CSS анимации че ти не може да се намери никъде другаде.
Тези нови ефекти са много по-фини в природата така че те наистина се сливаш в страница добре. Ето едно малък списък на ефектите можете да избирате от:
- Избледняване и разширяване
- Избледняване и свиване
- Печат и скача
- Ъгловият люлка
- Влезте отляво / отдясно
- Скуош / участък
- панта
Ако преминете през този списък на демо страницата, ще забележите, че всички ефекти имат едно общо нещо: физика.
Всички те се чувстват много реалистични към основите на физиката, и те изглежда спазвайте законите на гравитацията. Нито една от тези анимации не е над или външна. Те са коварен, но забележим и по-важното е, че те са правдоподобен.
Мисля, че вторник е една от най-добрите модерни CSS анимационни библиотеки, защото тя представя реалистичен изглед на уеб анимацията.
Не трябва да създаваме луди ефекти от интерфейса, които се открояват като болки в палеца. финес винаги е името на играта, защото то създава усещане за интерактивност от всеки потребителски вход, независимо дали това е кликване или превъртане.
Проблемът винаги е бил да се пишат тези анимации от нулата и да ги накарат да изглеждат точно. Но сега с вторник твоите притеснения могат да излязат през вратата.
Просто изтеглете копие от GitHub и добавете .CSS файл на страницата ви. Всъщност можете използвайте версията на CDN направо от GitHub ако не искате да изтеглите нещо локално.
След като това се добави към уеб страницата ви, просто добавете .вдъхновявам клас заедно с някой от собствените класове изброени в репо GitHub. Кодът ви може да изглежда по следния начин:
Вторник е.
Разгледайте пълна документация да видиш списък на всички анимационни класове.
Ако работите с JavaScript, можете също добавете тези класове динамично на събития за кликване / навигиране. По този начин можете да добавите анимационния клас само когато потребителят кликне върху бутон, който изглежда да анимира при кликване.
Има толкова много неща, които можете да направите с вторник, и наистина е новата Animate.css за прагматични анимации на потребителския интерфейс.
Погледни демо страница да я видиш в действие и да научиш повече, като прочетеш техните “в процес на разработване” пост който говори за създаването на отбора на Шакър във вторник.
