Результаты поиска по запросу "css-animations"
Ой, прости, не видел этого. Виноват.
ример кодаhttps://codepen.io/yury-leonov/pen/rZxxQE [https://codepen.io/yury-leonov/pen/rZxxQE] Код из примера: $(".example").on("click", function(e){ $(e.target).toggleClass("reverse"); }).reverse{ transform: scaleX(-1); ...
Прежде чем я добавил класс и приостановил анимацию через 1 секунду. Но setTimeout, вызывающий больше событий, запускается через (например) через 0,5 секунды и останавливает его через 1,5 секунды. SetInterval каждые 10 миллисекунд работает хорошо. Конечно, если задержка велика, эта новая странная идея не подходит для спидометров с «низким углом» (потому что я должен остановить их через несколько миллисекунд). Извините за эту идею ... когда я вернусь домой, первым делом я попробую ваш код. Ах ... вы думаете, что ваш код будет работать и с основным браузером? Поддерживается? Большое спасибо за все!
аю, что это будет действительно трудно решить проблему ... Я создал спидометр, который показывает количество землетрясений, произошедших в моем городе. Я хочу оживить этот спидометр двумя способами:background-color (зеленый, когда нет ...
Не могу остановить исчезновение анимации css после последнего ключевого кадра
У меня есть простая анимация CSS, которую я хотел бы воспроизвести, а затем остановиться на последнем кадре, полностью отображающем изображение. Но в настоящее время, когда он воспроизводится, кажется, что он возвращается к первому кадру, поэтому ...
Это не должен быть принятый ответ, использование ключевых кадров - путь.
ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? Это то, что я хочу, но при загрузке ...
Ну, я могу изменить их в хром. Это просто и прекрасно работает в Chrome, используя свойства -webkit css.
у это не работает? Что я делаю неправильно? CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-image: url('frame-03.png'); } 60% { background-image: ...
Запуск кода после завершения анимации AngularJS
У меня есть элемент, видимость которого переключаетсяng-show, Я также использую CSS-анимации - автоматические из ng-animate - для этого элемента для анимации его записи. Элемент будет содержать изображение или видео. Если элемент содержит ...
Почему -moz-анимация не работает?
Следующий CSS прекрасно работает в Webkit. Я не проверял это в Opera, но я знаю, что он не работает в Firefox. Кто-нибудь может сказать мне, почему? Правильные классы определенно применяются к моему HTML (проверил его с помощью Firebug, и я ...
CSS анимация: работает в Chrome, но не в Firefox?
В анимации вращения работает в Chrome, но не в Firefox. Почему? @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { ...
Непрерывная анимация вращения CSS при наведении, анимированная до 0 градусов при наведении
У меня есть элемент, который вращается, когда вы наводите его на неопределенное время. Когда вы зависаете, анимация останавливается. Просто: @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: ...
Запускать анимацию CSS3 только один раз (при загрузке страницы)
Я делаю простую целевую страницу, управляемую CSS3. Чтобы это выглядело потрясающе, есть<a> всплывает: @keyframes splash { from { opacity: 0; transform: scale(0, 0); } 50% { opacity: 1; transform: scale(1.1, 1.1); } to { transform: scale(1, 1); ...