Задать вопрос
@gcj

Как создать красивый эффект при переходе «пирожка» в close?

Приветствую, друзья.
Вопрос: как создаются вот такие (https://codyhouse.co/demo/rounded-animated-navigat... - нажимаем на меню) красивые эффекты перехода "трех полос" в "крест". Куда копать? Где почитать?

Буду рад любым наводкам. Спасибо!
  • Вопрос задан
  • 172 просмотра
Подписаться 1 Оценить 3 комментария
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Просто хорошая, сделанная вручную, анимация. Всё работает на CSS3.
Вам помогут такие инструменты как: transform-origin, transform rotate, transform translate, transform skew, transition, animation, keyframes.

Ну а чтобы выглядело натурально, просто вдохновитесь этим:
12 приемов художников Disney для оживления анимации
Принципы анимации для веба
Даем анимации жизнь
Ответ написан
Комментировать
miraage
@miraage
Старый прогер
База:
Три слоя гамбургера рисуются отдельно.
При активации средний прячем, а верхний и нижний поворачиваем на 45 градусов.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы