Tuesday.css - самая горячая библиотека анимации прямо сейчас
К настоящему времени вы уже должны быть знакомы с Animate.css как основная анимационная библиотека среди веб-дизайнеров.
Но есть новый ребенок в блоке по имени вторник, И его беру веб-анимацию силой.
Эта новая библиотека не сильно отличается по формату или реализации. Но вторник приходит с горсткой новые CSS анимации что ты больше нигде не могу найти.
Эти новые эффекты гораздо более тонкий в природе так что они действительно хорошо вписаться в страницу. Вот небольшой список эффектов Вы можете выбрать из:
- Исчезать и расширяться
- Исчезать и сокращаться
- Штамп вниз и отказов
- Угловой качели
- Заходите слева / справа
- Сквош / растяжения
- шарнир
Если вы просмотрите этот список на демонстрационной странице, вы заметите, что все эффекты имеют одна общая черта: физика.
Все они чувствуют себя очень реалистично с основами физики, и они, кажется, соблюдать законы гравитации. Ни одна из этих анимаций не является чрезмерной или посторонней. Они тонкий, но заметный и что более важно, они правдоподобно.
Я думаю, что вторник - одна из лучших современных библиотек CSS анимации, потому что она представляет реалистичный вид веб-анимации.
Мы не должны создавать сумасшедшие эффекты интерфейса, которые выделяются, как больной палец. тонкость это всегда название игры, потому что это создает ощущение интерактивности из любого пользовательского ввода, будь то щелчок или прокрутка.
Проблема всегда заключалась в том, чтобы писать эти анимации с нуля и заставить их выглядеть правильно. Но теперь со вторника ваши заботы могут вылететь прямо за дверь.
Просто скачать копию с GitHub а также добавить .CSS файл на вашу страницу. Вы можете на самом деле используйте версию CDN прямо с GitHub если вы не хотите ничего скачивать локально.
Как только это будет добавлено на вашу веб-страницу, просто добавить .оживлять класс вместе с любым из проприетарных классов перечислены в репозитории GitHub. Ваш код может выглядеть примерно так:
Это вторник.
Посмотрите на полная документация видеть список всех классов анимации входа / выхода.
Если вы работаете с JavaScript, вы также можете добавить эти классы динамически на событиях щелчка / наведения. Таким образом, вы можете добавить класс animate только тогда, когда пользователь нажимает кнопку, которая будет выглядеть как анимация при нажатии..
Со вторником вы так много можете сделать, и это действительно новый Animate.css для прагматичной анимации пользовательского интерфейса..
Взгляните на демонстрационная страница увидеть его в действии, и вы можете узнать больше, прочитав их “в процессе создания” сообщение который говорит о том, как команда Shakr создала вторник.
