Если вы только собираетесь изучать анимации, советую начать с учебника CSS Animation 101. В нём собраны базовые знания по анимациям с примерами и домашними заданиями.
Ищите готовые решения, пробуйте воспроизвести их самостоятельно, применяйте их для других целей. Поискать такие решения можно:
Совет об инспекторе анимаций
В такие дайджесты часто попадают тяжёлые одноразовые сайты, поэтому стоит внимательно изучать примеры, чтобы не скопировать неудачный медленный код.
Освойте веб‑инспектор и исследуйте с его помощью понравившиеся сайты, запоминайте интересные решения. Чтобы находить больше нестандартных и неожиданных подходов, я подписан на несколько дайджестов. Например:
Совет об инспекторе анимаций
В такие дайджесты часто попадают тяжёлые одноразовые сайты, поэтому стоит внимательно изучать примеры, чтобы не скопировать неудачный медленный код.
Напоследок, разберитесь с принципами анимации и влиянием анимации на интерфейс:
о принципах анимации в «Смэшинг магазине»,
о влиянии анимации на интерфейс на «Лист апарте»,
доклад Ильи Бирмана об интерфейсных анимациях.
Если всего этого не хватает и нужна, например, приближенная к реальности физика, то вам понадобятся Яваскрипт и WebGL. Но об этом в другой раз.
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.