Нужна анимация летающей колибри на 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); }
}
Комментариев нет:
Отправить комментарий