Мне нужен эффект отскока с CSS, такой же, как в powerpoint 365

Мне нужна анимация отскока с помощью css. Он будет выглядеть так же, как эффект отскока в PowerPoint 365. Объект будет отскакивать, как мяч, слева направо.

Вы можете использовать Animate.css

Nick 17.12.2018 08:14

нет. мне нужен собственный CSS для создания этого эффекта

Sarabjit Singh 17.12.2018 08:41
animate.css с открытым исходным кодом, просто скопируйте код
Nick 17.12.2018 08:45

не имеют такого же эффекта, как мне нужно

Sarabjit Singh 17.12.2018 08:49
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
5
4
79
1

Ответы 1

Я считаю, что этого можно добиться с помощью сложной, но выполнимой анимации keyframes. С on:hover, установленным следующим образом: element1:hover {animation: name | duration | ease-type | iteration-count;} Если вы не знакомы с «@keyframes», вы работаете с процентами фазы анимации. Аналогичный эффект был достигнут с этим Кодовое перо, или вы можете подробно изучить ключевые кадры с помощью w3schoolsилиMozilla CDN

Надеюсь, это было полезно в ваших начинаниях. ?

Я ценю ваш ответ, но на самом деле я этого не хочу. Пожалуйста, пройдите через эффект отскока в PowerPoint 365, при котором объект отскакивает и плавно перемещается слева направо.

Sarabjit Singh 18.12.2018 05:00

Эй, прошло какое-то время, если вы еще не нашли ответа, я думаю, у меня есть метод, который мог бы получить эффект. Анимационная платформа Green Sock действительно хороша в своей анимации. Прочтите об этом, если не знали раньше. (Вам придется заплатить, если вы разрабатываете сайт для публикации в Интернете с покупками.

Jordan Dunton 08.01.2019 01:59

Хотя, если у вас НЕТ базовых знаний о JavaScript / JQuery, вы можете посмотреть их действительно полезные уроки на YouTube.

Jordan Dunton 08.01.2019 02:00

Другие вопросы по теме