Красивое падение: CSS3-анимация с гравитацией

[CHIPER_Sergey]

Просто восхитительно!
Как здорово, что web-стандарты не стоят на месте и даже стандартными средствами CSS уже возможно такое.

[GeniyZ]

Да… как говорится: «О вкусах не спорят».

[ZimM]

Статья про 4 коэффициента?..
cubic-bezier(0.30, 2.40, 0.85, 2.50)

[andreishe]

гифки ужасны. Частота кадров слишком низкая, чтобы оценить эффекты ускорения/замедления.

[oe24]

Загляните по ссылке на демо страницу в конце статьи.

[k12th]

Куча магических констант, а результат все равно какой-то слегка неестественный. Подозреваю, автору следовало освежить школьный курс физики и вспомнить, как происходит движение под действием силы тяжести. Сделать параболу с помощью кривых Безье не так уж сложно.

[oe24]

k12th Вы, вероятно, не смотрели оригинал статьи и демо на ней.

[k12th]

Смотрел, но и там все эти подскоки не показались мне естественными.
Может быть, проблема в том, что вещи на мониторе и не должны двигаться под действием силы тяжести.

[MrShoor]

Соглашусь с предудщим оратором. Коэффициенты подобраны не правильно, движение не совсем естественное. Автор так же не правильно сжимает букву I:

[RPG]

Пожалейте батарейки на мобильных устройствах — браузеры и так жрут все ресурсы, до которых дотянутся. Хром в демке и вовсе на 130% грузит.

[kibal4iw]

Мне кажется что gif проще. Могу конечно ошибаться :)

[Iskin]

То, что автор (и переводчик) пишут только -webkit- префиксы — это просто убийственно. Вон таких людей из профессии, и я не шучу.