Анимированные картинки на CSS  детской тематики

Несмотря на всю привлекательность приведенных в заметке примеров, довольно-таки сложно найти им применение. Но если подумать, то можно найти несколько вариантов.

  • Можно использовать эти картинки в информационных блоках или баннерах вместо фотографий.
  • Выводить их на отдельных страницах, например на ошибку 404 или страницах с благодарностью.
  • Уменьшить их через transform: scale(); и использовать как иконки.
  • Использовать как прелоадер

Малыш

Малыш двигает руками и вращает глазами, если подвигать по нему стрелкой мышки.

Найдено на codepen.io у пользователя Vangel Tzo

Единорог

Единорог просто кушает и пукает, и не имеет ховер-эффекта

Найдено на codepen.io у пользователя Vangel Tzo

Горилла

Горилла шевелится и двигает глазами. От себя добавил эффект подпрыгивания при наведении на нее курсора.

Картинка адаптивная и уменьшается на узких экранах.

Найдено на codepen.io у пользователя Ricardo Oliva Alonso
Дизайн: Gigantic

Котенок

Крутящий педалями котенок на велосипеде.