Страницы

Поиск по вопросам

среда, 16 января 2019 г.

Нужна анимация анимированной колибри на css или js [закрыт]

Нужна анимация летающей колибри на css или js


Ответ

Такая еще svg колибри:
#colibri { width: 300px; height: 300px; margin: auto; animation: c 5s ease-in-out infinite; } .fly { transition: all .5s ease-in-out; transform-origin: 45% 45%; animation: f 2s ease-in-out infinite; } .d { animation: d 2s ease-in-out infinite; } @keyframes f { 0% { transform: rotate(20deg); } 50% { transform: rotate(-45deg); } 100% { transform: rotate(25deg); } } @keyframes c { 50% { transform: translateY(50px); } } @keyframes d { 50% { transform: translateX(-55px); } }

Комментариев нет:

Отправить комментарий