Лучшие css-animations вопросы ИТ разработчиков

  • 27 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Angular 2 анимации против CSS анимации - когда использовать что?

В настоящее время я пробую анимацию angular2, и мне было интересно, какое конкретное преимущество они дают по сравнению со стандартными анимациями / перехода...

Задан 03 Dec 2016, 15:16 от Han Che
  • 3 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Расширяйте круги последовательно, используя CSS

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

Задан 06 Nov 2015, 13:48 от Rob
  • 17 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как остановить переход CSS3

Я хочу остановить переход, который выполняется. Я нашел несколько ссылок [1] [2], разбросанных по Интернету, но я не могу собрать их воедино. Вот скрипка первого предложения (с jQuery и CSS Transit для ...

Задан 17 Oct 2012, 08:27 от Thom Seddon
  • 55 голосов
  • 7 ответов
  • 0 просмотров
7 ответов

Непрерывная анимация вращения CSS при наведении, анимированная до 0 градусов при наведении

У меня есть элемент, который вращается, когда вы наводите его на неопределенное время. Когда вы зависаете, анимация останавливается. Просто: @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: ...

Задан 03 Nov 2011, 00:24 от Gavin
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Радиус границы WebKit и ошибка перехода

В последнем стабильном выпуске Google Chrome: версия 31.0.1650.63 м (также Canary) все еще есть ошибка, когда есть радиус границы и переход. Содержимое внутр...

Задан 16 Dec 2013, 19:40 от Ivan V.
  • 9 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

SVG + css3 анимация не работает с разметкой ссылок

Привет, ребята! Ячитал потрясающую статью "Используя SVG " от Криса Койера (http://css-tricks.com/using-svg/) и решил использовать некоторые вещи д...

Задан 30 May 2013, 20:07 от Diego de Oliveira
  • 1 голос
  • 3 ответа
  • 0 просмотров
3 ответа

Ошибка анимации вращения SVG в IE и FF

Я работаю над созданием простого загрузочного вращающегося элемента с SVG. Он отлично работает в Chrome, но не в других браузерах. В IE анимация вообще не ра...

Задан 11 Sep 2015, 19:26 от JKillian
  • 52 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Как предотвратить сброс анимации css3, когда закончите? [Дубликат]

На этот вопрос уже есть ответ здесь: Остановка анимации CSS3 в последнем кадре [/questions/4359627/stopping-a-css3-animation-on-last-frame] 8 ответовЯ пишу анимацию css3, и она выполняется только один раз. Анимация работает хорошо, но она будет ...

Задан 25 Jun 2013, 12:07 от SPG
  • 25 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Проверить, включено ли аппаратное ускорение для анимации CSS?

Как я могу сказать(для тестирования) если аппаратное ускорение было включено для анимации CSS?У меня есть следующий код, который существенно увеличивает элем...

Задан 14 Oct 2014, 09:07 от Chris Spittles
  • 7 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

CSS3-анимации нарушают фиксированное позиционирование при прокрутке страницы

У меня возникли проблемы при попытке выяснить, почему chrome (который делает фиксированный заголовок полностью исчезающим, Firefox сохраняет его там, но позв...

Задан 20 Jul 2012, 11:20 от andybuser1538291
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

-webkit-animation-play-state не работает в Chrome

Я установил простой JSFiddle, чтобы проиллюстрировать проблему:где приостановленное состояние?Может кто-нибудь сказать мне, почему Safari показывает анимиров...

Задан 12 Mar 2014, 19:16 от Matt Dietsche
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Почему эта анимация CSS3 не работает в MS Edge или IE11?

Здесьиграть на скрипке и ниже код CSS (HTML - это просто SVG-эллипс). Он работает в Chrome, Firefox и Opera, но не работает в IE и Edge. Что делать, чтобы ув...

Задан 07 Jan 2017, 12:44 от camcam
  • 10 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Это может быть правильным ответом, но некоторые подробности относительно того, что отличается, или объяснение решения будут обслуживать OP, а также будущих пользователей SO, ищущих ответы, которые также чему-то их научат.

знаю, как использовать JQuery, поэтому мне нужен метод, который может запускать анимацию, используя только JavaScript. Мне нужно вызвать / запустить CSS Animation, когда пользователь прокручивает страницу. Пожалуйста, помогите мне выйти из этой ...

Задан 30 Jun 2017, 12:34 от Siddharth Kurnal
  • 2 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Редкая ошибка IE10: CSS-анимация фона-положения терпит неудачу с несколькими фонами и процентами

Это очень специфическая ошибка - однако, я хотел бы, чтобы кто-то показал мне обходной путь! Ошибка в основном заключается в том, что IE10 не может сделать C...

Задан 11 Jun 2013, 18:58 от dalgard
  • 4 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Почему -moz-анимация не работает?

Следующий CSS прекрасно работает в Webkit. Я не проверял это в Opera, но я знаю, что он не работает в Firefox. Кто-нибудь может сказать мне, почему? Правильные классы определенно применяются к моему HTML (проверил его с помощью Firebug, и я ...

Задан 30 Sep 2011, 19:37 от maxedison
  • 5 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Как исчезнуть в фоновом изображении с помощью CSS3 Animation

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

Задан 03 Jun 2013, 20:52 от Alex Jj
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Я сделал анимацию с помощью CSS (трансформация), и она сбрасывается, когда анимация заканчивается

У меня есть следующая структура, и моя проблема в том, что, когда анимация заканчивается, которая заменяет вниз, она просто перезапускается, и мне было интер...

Задан 12 Oct 2014, 17:28 от sd .Truck
  • 2 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

Расширение кругов с помощью CSS3-анимации

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

Задан 16 Feb 2012, 23:22 от thomasbritton
  • 8 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Преобразование происхождения на SVG в Firefox

Я новичок в анимации SVG и столкнулся с проблемой, которая, кажется, возникает только в Firefox. Я создал анимацию здесь -http://codepen.io/iamali/pen/txvpo ...

Задан 13 Jun 2014, 10:45 от Ali Green
  • 13 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Переход CSS3: различные переходы для * IN * и * OUT * (или возврат из переходного состояния)

Оригинальный вопрос ... обновленный рабочий код ниже: У меня есть изображение загрузки, которое появляется во время события загрузки AJAX. Изображение показывает / скрывает, добавляя или удаляя класс «loading» к элементу body. В настоящее время ...

Задан 20 Jan 2012, 16:16 от j-man86
  • 8 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Проблема при использовании переходов + изменение непрозрачности + скрытое переполнение

Если вы видите пример кода, которым я поделился, вы можете увидеть оверлей, выходящий за рамки. Я проследил проблему до

Задан 29 Jul 2015, 06:52 от user1496463
  • 36 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Устаревшая анимация SMIL SVG заменена эффектами CSS или веб-анимации (при наведении мыши)

В соответствии с этой темой:Проблемы Firefox 38-40 SMIL - очень медленная скорость (решена в FF версии 41 от 22.09.15)и эта тема:Намерение осудить: SMILSVG-т...

Задан 21 Jun 2015, 14:26 от Artem.Borysov
  • 1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

svg transform-origin проблемы в Firefox

извините за мой ужасный английский. У меня проблема, когда я хочу анимировать SVG в Firefox. Проблема исходит из примера «transform-origin» моего кода:http:/...

Задан 30 Nov 2016, 18:51 от goncalveslucasv
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Прежде чем я добавил класс и приостановил анимацию через 1 секунду. Но setTimeout, вызывающий больше событий, запускается через (например) через 0,5 секунды и останавливает его через 1,5 секунды. SetInterval каждые 10 миллисекунд работает хорошо. Конечно, если задержка велика, эта новая странная идея не подходит для спидометров с «низким углом» (потому что я должен остановить их через несколько миллисекунд). Извините за эту идею ... когда я вернусь домой, первым делом я попробую ваш код. Ах ... вы думаете, что ваш код будет работать и с основным браузером? Поддерживается? Большое спасибо за все!

аю, что это будет действительно трудно решить проблему ... Я создал спидометр, который показывает количество землетрясений, произошедших в моем городе. Я хочу оживить этот спидометр двумя способами:background-color (зеленый, когда нет ...

Задан 07 Sep 2018, 00:52 от Borja
  • 5 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

CSS и Jquery Анимация

Чего я пытаюсь добиться, так это анимацииСсылка на анимацию естьМатериал ДизайнЧто мне не хватает? Как я могу достичь вышеуказанного результата, не используя

Задан 15 Aug 2014, 22:00 от Trying Tobemyself
  • 6 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

@ Алекс, покажи мне, может быть, ты что-то забудешь ... Ширина должна доходить до 100% в анимации

я есть тег, который отображается в виде блока. При загрузке страницы ее ширина увеличивается на cssанимацияот нуля до некоторого процента содержащегося элемента div (скрипта содержит MWE, но в этом элементе содержится более одной ссылки, каждая с ...

Задан 30 Apr 2018, 10:48 от Alex
  • 39 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

Активируйте анимацию CSS3, когда содержимое прокручивается в поле зрения.

У меня есть гистограмма, которая анимируется с помощью CSS3, и анимация в настоящее время активируется при загрузке страницы. У меня проблема в том, что данная гистограмма находится за пределами экрана из-за большого количества контента перед ...

Задан 01 May 2013, 20:11 от Kevin Jung
  • 6 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

CSS3 анимация - плавный бесконечный цикл

Я сделал небольшую фоновую анимацию, где div со временем меняет цвет. Он работает плавно, но когда он достигает 100%, он прыгает прямо на 0% без какого-либо перехода. Я искал в Google и пробовал разные способы сделать анимацию, но я не смог ...

Задан 16 Oct 2013, 12:08 от Morten Hjort
  • 12 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Почему медленные анимации jQuery изменчивы?

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

Задан 01 Aug 2013, 14:13 от Brad Dwyer
  • 26 голосов
  • 11 ответов
  • 0 просмотров
11 ответов

Ну, я могу изменить их в хром. Это просто и прекрасно работает в 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: ...

Задан 06 Sep 2011, 10:31 от Charles Thomason
  • 9 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

CSS3 анимация не работает в IE11, но работает в других браузерах

Я создал CSS3-анимацию для кнопки. На данный момент он отлично работает везде, кроме IE. Я знаю, что он не будет хорошо работать в старых версиях IE, но я по...

Задан 15 Jan 2016, 10:57 от kate_hudson
  • 12 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как анимировать переключение строк таблицы?

Я хочу анимировать появление и исчезновение строк таблицы.Прежде всего я попробовал использовать CSSпереход, но это ничего не сделало из-за изменения

Задан 22 May 2016, 14:30 от Benjamin
  • 34 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

объединение нескольких CSS анимаций в одну общую анимацию

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

Задан 29 Mar 2013, 17:53 от Hristo
  • 124 голосов
  • 7 ответов
  • 0 просмотров
7 ответов

CSS: анимация против перехода

Итак, я понимаю, как выполнять CSS3-переходы и анимацию. Что не понятно и яя гуглил, когда использовать какой.Например, если я хочу сделать отскок мяча, ясно...

Задан 14 Dec 2013, 16:28 от Code Poet
  • 24 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Использование CSS3-анимации в IE9 +

Я пытался заставить эти анимации css3 работать в IE9 в течение нескольких часов сегодня, и я в замешательстве! Я попытался реализовать несколько откатов JavaScript, но мои знания очень ограничены, поэтому они потерпели неудачу. Я не уверен, что ...

Задан 30 Jan 2012, 06:36 от Mathew Hood
Page 1 of 3
1 2 3