So erstellen Sie CSS3 Bounce -Effekt ⇐ CSS

[Anonymous]

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.

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