Tuesday.css - гаряча бібліотека анімації прямо зараз
Тепер ви вже повинні бути знайомі Animate.css як бібліотеку первинної анімації серед веб-дизайнерів.
Але є новий дитина на блоці названий Вівторок, і це прийняття веб-анімації силою.
Ця нова бібліотека не відрізняється від формату чи реалізації. Але вівторок приходить з жменькою нові анімації CSS що ви не може знайти ніде.
Ці нові ефекти є набагато більш тонкий в природі так вони насправді гармонійно вписатися в сторінку. Ось a невеликий список ефектів Ви можете вибрати з:
- Зникають і розширюються
- Зникнення та зменшення
- Знизити та відскочити
- Кутовий гойдалки
- Вкажіть ліворуч / праворуч
- Сквош / розтяжка
- Петля
Якщо ви пройдете цей список на демо-сторінці, ви побачите, що всі ефекти є Єдине спільне: фізика.
Всі вони відчувають себе дуже реалістичні до основ фізики, і вони здаються дотримуватися законів гравітації. Жодна з цих анімацій не є надмірна або зовнішня. Вони Тонкий, але помітний і що більш важливо, вони правдоподібний.
Я вважаю, що вівторок є однією з кращих сучасних бібліотек CSS-анімації, оскільки вона представлена реалістичний вигляд веб-анімації.
Ми не повинні розробляти божевільні ефекти інтерфейсу, які виділяються як біль у великому пальці. Тонкість завжди ім'я гри, тому що це створює відчуття інтерактивності від будь-якого входу користувача, будь то клацання або прокручування.
Проблема завжди писала ці анімації з нуля і змушувала їх виглядати правильно. Але зараз з вівторок ваші турботи можуть літати прямо з дверей.
Просто завантажити копію з GitHub і додайте .css на вашу сторінку. Ви можете насправді використовувати версію CDN прямо з GitHub якщо ви не хочете що-небудь завантажувати локально.
Як тільки це буде додано до вашої веб-сторінки, просто додайте .анімувати клас разом з будь-яким з власницьких класів перераховані в репо GitHub. Ваш код може виглядати приблизно так:
Це вівторок.
Погляньте на повна документація бачити список всіх класів входу / виходу.
Якщо ви працюєте з JavaScript ви також можете додавати ці класи динамічно на подіях клацання / наведення. Таким чином, ви можете додати анімаційний клас тільки тоді, коли користувач натискає кнопку, яка здасться анімованою після натискання кнопки.
У вівторок можна зробити так багато, і це дійсно нова анімація Animate.css для прагматичних анімацій інтерфейсу.
Подивіться на Демонстраційна сторінка бачити його жити в дії, і ви можете дізнатися більше, прочитавши їх “у процесі становлення” повідомлення який розповідає про те, як команда «Шакр» створила у вівторок.
