Почему не работает анимация в css

Анимация CSS не работает в Chrome

Некоторое понимание проекта: полный интерактивный веб-сайт, на котором будут воспроизводиться анимации.. тогда они остановятся, как только они остановятся, и событие мыши на анимации произойдет, оно будет воспроизводиться до тех пор, пока 70% анимации не будет завершено, если щелкнуть на другом объекте (в этом случае текст) он завершит цикл.

Мой партнер по проекту сделал анимацию в веб-дизайнере Google, мы попробовали несколько программ для нашего проекта, таких как Adobe Edge, но, к сожалению, из-за размера нашей анимации мы не можем использовать последовательности SVG или PNG, и то же самое касается спрайтов.. поэтому мы прибыли в анимацию css, к сожалению, мое знание анимации css довольно ограничено, и мне было интересно, сможет ли кто-нибудь помочь мне.

У меня проблема: почему моя CSS-анимация не действует так же в Chrome, как в Firefox?

Я пробовал следующие решения и смотрел следующие сообщения:

Кто-то может помочь?

Кроме того: почему изображение перемещается, а затем останавливается.. тогда при наведении он иногда пропускает до 30% вместо того, чтобы играть до 30%? то же самое происходит и для пропуска 70% вместо того, чтобы играть до 70%?

Просто нашел то, что можно было бы отметить достойно:

Изменение: <img src="https://progi.pro/3ds_preset_gearshape.png" data-gwd-style="" data-gwd-override-style="" style="animation-iteration-count: 0.1;">

к этому: <img src="https://progi.pro/3ds_preset_gearshape.png" data-gwd-style="" data-gwd-override-style="" style="-webkit-animation-iteration-count: 0.1;">

заставляет этот фрагмент анимации работать в Chrome, но почему он не работал, когда у меня это было в сегменте стилей моего документа?

Css анимация отскока не работает, почему?

Я создаю значок прокрутки сверху точно так же, как демо: http://demo.themeum.com/html/ эшоппер/ . Здесь, в демо-версии, значок прокрутки сверху прыгает бесконечно. Я хочу создать его и для своей страницы.

Но я не могу понять, почему мои усилия не работают? Fiddle

1 ответ

Я играю с некоторыми анимациями, но это вообще не сработает. Это должна быть анимация отскока. Это мой первый раз, когда я работаю с ним. Так что я надеюсь, что не совершу очень большой ошибки Это мой файл .html: <html> <head> <link href=style.css rel=stylesheet type=text/css/>.

Я хотел бы сделать анимацию отскока слоя. Я сделал так, что слой идет справа к центру, теперь я хотел бы переместить его немного назад, а затем обратно к центру. Это создало бы эффект отскока. Я думал, что смогу сделать это с помощью такого перевода: <translate android:duration=900.

вы пропустили анимацию ключевого кадра объявления в своем css, обновите свой css с помощью приведенного ниже

CSS

Похожие вопросы:

я добавил анимацию отскока ко всему элементу, который представляет собой строку recylerview. Но анимация начинается, когда появляются строки. Как я могу запустить анимацию, когда событие прокрутки.

Почему css анимация не работает в моем коде. Когда я хочу навести курсор на свою ссылку. .floridabt-nav .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover< background-color.

Я играю с некоторыми анимациями, но это вообще не сработает. Это должна быть анимация отскока. Это мой первый раз, когда я работаю с ним. Так что я надеюсь, что не совершу очень большой ошибки Это.

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

Мне нужно было реализовать эффект бесконечного отскока с помощью pure CSS, поэтому я обратился к этому сайту и в итоге сделал это . .animated < -webkit-animation-duration: 2.5s; animation-duration.

Я использую этот сайт, чтобы помочь мне оживить мой текст, имея эффект ‘bounceIn’. Я посмотрел на шаги и не могу понять, почему эта анимация CSS не работает. Вот мой JSFIDDLE , как вы можете видеть.

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

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

Не работает анимация

Не работает анимация
Доброго времени суток! Учусь делать анимацию. Не получается. подскажите что тут не так? Задача.

Не работает анимация
Добрый день. работаю в редакторе Sublime Text 3. Создаю простейшую анимацию вращения квадрата. .

Не работает анимация
Почему не работает анимация когда ширина блока задается в процентах? width: 100%; .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *