Зверюшки на CSS3 transitions & transforms

Было бы очень хорошо сопроводить пост страничкой с готовым кодом.

И еще один артефакт: у зверюшек в Chrome странно дергаются скулы во время анимации. В Firefox и Safari такого не наблюдается. Тестил в браузерах под Mac.

Я тут подумал, что поэкспериментировав с transition-easing, можно придать зверушкам разный «вес», когда они прыгают.

А по-моему щенок — это косоглазый медведь.

Практикуйтесь, скоро олимпиада в сочи.

Лисичка больше демона напоминает, тянущегося на ручки.

Хоть я ничего не понимаю в CSS3, но жена открыла эту статью и досмерти закликала зверюшек :) Вы не представляете, сколько принести нам позитива после тяжёлого трудового дня! Да будет карма ваша светлой!

Свойства -ms-transition не существует, зачем вы анимаруете постоянно «all» а не только нужные свойства?

По псевдоклассу :active, вам вероятно поможет моя статья.

Стесняюсь спрашивать, но все же… Чем отличается Bear от Puppy? Кроме косоглазия?
Ах, да, цветом! )