So erstellen Sie CSS3 Bounce -Effekt
Posted: 01 Mar 2025, 13:12
Ich versuche, dem Ende der Animation einen Sprungeffekt hinzuzufügen, ohne Code oder JavaScript von Drittanbietern zu verwenden. Ich habe es geschafft, die Animation zu erstellen, konnte aber den Bounce-Effekt nicht erreichen.
Demo
Code: Select all
div {
background: tomato;
width: 100px;
height: 100px;
margin-bottom: 10px;
transition: transform 0.3s ease-in;
transform-origin: top left;
}
div:hover {
transform: scale3d(5);
}< /code>
Demo