A searchbar with floating animation using HTML, CSS, Javascript and cssanimation.io
My edit:
.leRencontre span {
animation: leRencontre 4s;
animation-iteration-count: infinite;
}
@keyframes leRencontre {
0%, 33%, 100% {
transform-origin: bottom;
animation-timing-function: cubic-bezier(.17,.67,.79,1.83)
}
33% {
transform: translateY(-5px) rotate(-5deg);
}
66% {
transform: translateY(5px) rotate(5deg);
}
}
