Selamlar hayırlı geceler,şöyle bir kodum varda tavşan en sağa gidince 180 derece dönerken sadece dönerkenki kısmı hızlandırmak istiyorum nasıl yapabilirim?
animation: hop 30s linear infinite; kısmını hızlandırınca sağa sola koşma hızıda hızlanıyor bunu istemiyorum
.rabbit {
width: 100px;
height: 100px;
background-image: url('rabbit3.gif');
background-size: cover;
position: absolute;
animation: hop 30s linear infinite;
top: 60px;
}
@keyframes hop {
0%, 100% {
left: 0;
}
50% {
left: 100%;
}
}
@keyframes hop {
0% {
left: 0;
transform: scaleX(1);
}
25% {
left: 100%;
transform: scaleX(1);
}
50% {
left: 100%;
transform: scaleX(-1);
}
75% {
left: 0;
transform: scaleX(-1);
}
100% {
left: 0;
transform: scaleX(1);
}
}