Если вы только собираетесь изучать анимации, советую начать с учебника CSS Animation 101. В нём собраны базовые знания по анимациям с примерами и домашними заданиями.

Ищите готовые решения, пробуйте воспроизвести их самостоятельно, применяйте их для других целей. Поискать такие решения можно:

В такие дайджесты часто попадают тяжёлые одноразовые сайты, поэтому стоит внимательно изучать примеры, чтобы не скопировать неудачный медленный код.

Освойте веб‑инспектор и исследуйте с его помощью понравившиеся сайты, запоминайте интересные решения. Чтобы находить больше нестандартных и неожиданных подходов, я подписан на несколько дайджестов. Например:

В такие дайджесты часто попадают тяжёлые одноразовые сайты, поэтому стоит внимательно изучать примеры, чтобы не скопировать неудачный медленный код.

Напоследок, разберитесь с принципами анимации и влиянием анимации на интерфейс:

Если всего этого не хватает и нужна, например, приближенная к реальности физика, то вам понадобятся Яваскрипт и WebGL. Но об этом в другой раз.

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы