Куда копать что-бы научиться делать такую анимацию?

Question

[lilandre]

Мне понравилась анимация логотипа на этом сайте. Куда копать что-бы научиться делать такую же?

Comments

[Андрей]

А что именно сложно-то тут? Полоска которая набирает ширину или два каких-нибудь дива которые расходятся один вверх, другой вниз? Или отрисовка рамки через 20 спанов? Обычного transition и свободного времени с головой хватит чтобы это освоить.

Answer 1

[kulaeff]

Уже отвечал на подобный вопрос, но не могу найти ссыль. Курить такие вещи, как svg, smil, css animations, web animations api, canvas, webgl, gsap.

Comments

[Negwereth]

при том, что на сайте долбаным jquery сделано

Answer 2

[Stalker_RED]

Там через jQuery анимируется длина нескольких линий и меняется текст. Довольно узкая сфера применения у такого. Лучше уж разобраться с SVG и чем-то вроде d3.js, например.

Comments

[jeruthadam]

При чем тут д3?

Answer 3

[whoisthere]

Видео урок - Юрий Артюх