Как создать эффект отскока CSS - Цифровое Кемерово

Как создать эффект отскока CSS ⇐ CSS

1 сообщение • Страница 1 из 1

Anonymous

Цитата

Сообщение Anonymous » 27 окт 2025, 07:45

Я пытаюсь добавить эффект отскока в конец анимации без использования стороннего кода или JavaScript. Мне удалось создать анимацию, но не удалось добиться эффекта отскока.
Вот что я сделал до сих пор:

Код: Выделить всё

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);
}

Код: Выделить всё

ДЕМО

Подробнее здесь: https://stackoverflow.com/questions/297 ... nce-effect

1761540339

Anonymous

Я пытаюсь добавить эффект отскока в конец анимации без использования стороннего кода или JavaScript. Мне удалось создать анимацию, но не удалось добиться эффекта отскока.
Вот что я сделал до сих пор:


[code]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]
[code]

[/code]



[b]ДЕМО[/b] 

Подробнее здесь: [url]https://stackoverflow.com/questions/29786230/how-to-create-css-bounce-effect[/url]