8
ответов

Переключение высоты меню ведет себя по-разному при закрытии, чем при открытии [дубликат]

Я использую CSS, чтобы оживить мое мобильное меню, чтобы оно увеличивалось в размерах при его открытии. Когда вы нажимаете кнопку мобильного навигатора, он добавляет класс, переключенный на мой & lt; nav & gt; элемент, и я использую это для анимации ...
вопрос задан: 5 December 2014 01:50
6
ответов

SVG-анимация - перемещение строки справа налево [дубликат]

Я только начинаю с анимации SVG, и я пытаюсь оживить линию, чтобы подражать движению облака. Линии должны вести одни и те же измерения и перемещаться слева направо. Однако я не уверен ...
вопрос задан: 20 January 2013 19:51
3
ответа

CSS3 Preloader Code не показывает цвет фона

Я использую CSS3 Designed Preloader для своего сайта. #preloader {position: absolute; верх: 50%; слева: 50%; -webkit-transform: перевод (-50%, -50%); ...
вопрос задан: 2 February 2019 06:31
3
ответа

Показать и скрыть с помощью CSS-анимации в компоненте

Я создал угловую боковую панель, которую я пытаюсь показать и скрыть с помощью CSS-анимации. Пример: компонент боковой панели полагается на службу, которая знает, когда скрывать и показывать: < div id = "sidebar" [...
вопрос задан: 17 January 2019 12:01
3
ответа

WebKit проблема Анимации CSS - сохранение конечного состояния анимации? [дубликат]

Учитывая следующую анимацию CSS3.... <тип стиля = медиа "текста/CSS" = "экран"> .drop_box {-имя анимации WebKit: отбрасывание; - продолжительность анимации WebKit: 2 с; - WebKit-iteration-count:...
вопрос задан: 23 May 2017 11:47
2
ответа

addEventListener для определенного animationName

Я написал код ниже. Я пытаюсь вызывать функции одну за другой на основе обработчиков событий animationend. Проблема возникает в коде js после startScreenContainer.classList.add ('...
вопрос задан: 2 March 2019 21:09
2
ответа

Перевод времени в процентах анимации по ключевым кадрам

Я работаю над анимацией и пытаюсь понять, как в нее вписываются ключевые кадры. Я хочу показать элемент в течение 3 секунд, исчезнуть на 1 секунду, подождать 3 секунды, исчезнуть на 1 секунду, быть ...
вопрос задан: 16 January 2019 13:05
2
ответа

Анимация перехода css3 при загрузке?

Можно ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? Это вроде того, что я хочу, но при загрузке страницы: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html ...
вопрос задан: 28 July 2012 18:15
1
ответ

Некоторая проблема с размытием позади модального

Действие должно быть следующим: при нажатии на изображение открывается модальное окно, и в то же время задний фон становится более темным или размытым. В моем случае все окно меняется ...
вопрос задан: 28 March 2019 06:27
1
ответ

Как анимировать отдельные элементы списка?

Я пытаюсь анимировать каждый отдельный элемент списка li, сохраняя при этом формат списка. Вот css $ (". BeverlyWarbrickcontent"). Css ("видимость", "скрытый"); $ ( "# BeverlyWarbrick") ....
вопрос задан: 14 March 2019 04:15
1
ответ

Анимированный CSS фоновый узор, скользящий бесконечно

Я пытаюсь создать анимированный повторяющийся узор (диагональные полосы, скользящие горизонтально) в качестве заполнителя для блока загрузки (в данном случае li). Как я могу сделать анимацию плавной / непрерывной ...
вопрос задан: 27 February 2019 16:03
1
ответ

CSS анимация не работает, ничего не отображается в браузере [закрыто]

.slider {width: 890px; высота: 400 пикселей; фон: URL (1.png); маржа: 100px авто; название анимации: слайд; продолжительность анимации: 10 с; анимация-...
вопрос задан: 18 January 2019 05:09
1
ответ

Что & ldquo; достаточно & rdquo; и & ldquo; слишком много & rdquo; значение означает в свойстве animation-name?

Я читаю книгу о CSS-анимации. Я нашел это предложение: каждому указанному имени анимации должно соответствовать значение для любых других свойств анимации * Если их слишком много ...
вопрос задан: 17 January 2019 14:37
1
ответ

Анимация перехода в угловом приложении не работает в EDGE

У меня есть простая анимация, которая используется, когда приложение перемещается через маршрутизатор к другому компоненту. функция экспорта router Navigation () {триггер возврата ('router Navigation', [состояние ('void', style ({...)
вопрос задан: 16 January 2019 18:21
1
ответ

Попытка анимировать список определения отображения / скрытия со скрытым атрибутом (скрытый атрибут приводит к неработоспособности анимации)

Я строю доступный аккордеон, используя список определений. У меня это работает хорошо, где < dt > содержит кнопку < > который при нажатии переключает расширенную арию из true / false и ...
вопрос задан: 16 January 2019 17:04
1
ответ

Анимировать элементы div последовательно с помощью CSS?

У меня есть несколько элементов div, которые вложены в div с классом .menu; Идея состоит в том, чтобы последовательно перевести каждый элемент на страницу с внешних краев сверху вниз. Я думал, что смогу ...
вопрос задан: 16 January 2019 03:43
1
ответ

Активация: эффект зависания на галерее изображений при загрузке страницы

У меня есть раздел на моем сайте, в котором есть фотографии выстрелов в голову. Когда вы их наводите, изображение меняется. Это довольно крутой эффект, но поскольку раздел находится в нижней части страницы ... люди могут ...
вопрос задан: 13 July 2018 22:07
1
ответ

Почему фоновое положение не влияет на мой градиент? [Дубликат]

Я хотел сделать простую анимацию CSS3 для панели загрузки. Я использовал повторяющийся линейный градиент, чтобы сделать некоторые угловые полосы. Я бы хотел, чтобы они двинулись вперед бесконечно. div {background-image: ...
вопрос задан: 14 April 2016 02:09
1
ответ

Изменение фонового изображения с анимацией CSS3

Почему это не работает? Что я делаю не так? CSS @ -Webkit-Keyframes Test {0% {background-image: URL ("Frame-01.png '); } 20% {background - изображение: URL ('frame-02.png'); } 40% {... [
вопрос задан: 6 September 2011 11:01
0
ответов

Анимация большого изображения не работает должным образом в Safari

У меня есть большое, широкое изображение, которое я анимирую с помощью CSS. Изображение отображается и анимируется, как и ожидалось, в Chrome (как на рабочем столе, так и на Android) и Firefox. Однако в Safari (как для настольных компьютеров, так и для ..
вопрос задан: 14 April 2019 08:37
0
ответов

одушевленная спидометр с использованием только CSS

Я пытаюсь оживить спидометр - иду слева (зеленый), справа (красный). После запуска анимации я также пытаюсь сделать петлю иглы в конце / красной области барометра. Как может ...
вопрос задан: 23 March 2019 23:20
0
ответов

css анимация не отвечает на span: nth-child [duplicate]

Я хочу, чтобы позиция текста анимировалась, слово за словом, с небольшой задержкой, которую я контролирую. Прямо сейчас это не работает. Мне удалось заставить задержку работать с непрозрачностью, которую я пока отключил. Мой ...
вопрос задан: 19 January 2019 17:20
0
ответов

Запретить перерисовку при использовании анимации спрайтов CSS

Можно ли вообще предотвратить перерисовку при запуске анимации спрайта css? Я пытался использовать will-change: background-position; И, похоже, ничего не делает в этом ...
вопрос задан: 17 January 2019 12:03
0
ответов

Невозможно использовать анимацию разделения текста на прокрутке

Привет, я использую прокрутку магические параллакс слайды ... но когда я использую https://www.w3tweaks.com/css-cascading-text-effects-using-splitting-js-and-scrollout.html Я не могу получить эффект анимации со свитком ...
вопрос задан: 31 December 2018 16:02
0
ответов

CSS 3D анимация, как?

Я хотел бы анимировать вещи в 3D-пространстве. Я знаю, что это возможно с CSS и HTML5, но я не могу найти хороший учебник для практического использования! Я нашел этот сайт в качестве примера. Вы можете выделить текст и т.д....
вопрос задан: 27 April 2018 01:45
0
ответов

Запускать анимацию CSS3 только один раз (при загрузке страницы)

Я делаю простую целевую страницу, управляемую CSS3. Чтобы он выглядел потрясающе, есть : @keyframes splash {from {opacity: 0; преобразовать: масштаб (0, 0); } ...
вопрос задан: 6 March 2018 01:09
0
ответов

Псевдонимы текста Webkit становятся странными во время анимации CSS3

Это фанк. И я уверен, что это связано с webkit, поскольку проблема возникает только в Chrome версии 20.0.1132.57 и Safari 5.1.7. Я загрузил короткое видео, чтобы объяснить проблему, потому что это...
вопрос задан: 23 May 2017 12:14
0
ответов

Имитация мигающего тега с CSS3-анимацией

Я действительно хочу, чтобы фрагмент текста моргал в стиле старой школы без использования JavaScript или текстового оформления. Нет переходов, только * мигать *, * мигать *, * мигать *! РЕДАКТИРОВАТЬ: Это отличается от этого ...
вопрос задан: 23 May 2017 11:55
0
ответов

Используйте фоновый слой DOM с анимацией ключевых кадров и слой Canvas для физического движка

В моей следующей игре я планирую смешать фоновый слой DOM с холстом (ами) поверх него. Я хотел бы переместить неинтерактивную фоновую анимацию на этот слой DOM и использовать анимации по ключевым кадрам ...
вопрос задан: 3 May 2017 19:33
0
ответов

Можно ли нарисовать частичный контур круга в CSS (форма открытого кольца)?

Я заинтересован в том, чтобы создать загрузочный счетчик полностью в CSS, но для этого мне нужно было бы иметь возможность нарисовать форму открытого кольца следующим образом: кольцо будет рисовать себя по окружности ...
вопрос задан: 14 February 2017 20:43