Какие есть способы реализации анимации ui в стиле Material Design на Html5/CSS/JS?

Если посмотреть на web.whatsapp.com и другие современные веб-приложения,
то они насыщены анимациями смены состояний.
Это немного напоминает Material design, который видимо задал тренд:
Когда не только выезжает сама панель, но и ее контент анимированно раскрывается,
кнопки вылезают с более сложной анимацией, чем просто slide-эффект.

Есть ли уже какие-то библиотеки облегчяющие реализацию таких интерфейсов (желательно в рамках jquery)?
Теоретически понятно как все это реализовывать через css transitions, но не хотелось бы делать двойную работу.
  • Вопрос задан
  • 5507 просмотров
Пригласить эксперта
Ответы на вопрос 4
ArthurGurinovich
@ArthurGurinovich
Здесь Вы можете найти достаточно много разных интересных решений по дизайну:
tympanus.net/codrops
Ответ написан
Комментировать
wanhelsing
@wanhelsing
Вообще эталонной реализацией material design от гугл можно назвать Polymer. Вот пример кнопки. Проблема только в том что полимер основан на базе самых последних спецификаций - html imports, shadow dom, templates, custom elements и прочее. Но полифиллы вроде автоматически подключаются, если старый браузер.
Ответ написан
Комментировать
@sapl Автор вопроса
Из ваших советов нашел по анимация полезный css tool,
оставлю здесь: daneden.github.io/animate.css
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы