Вопросы по теме 'keyframe'

Можно ли анимировать LinearGradientBrush в WPF?
Можно ли анимировать StartPoint или EndPoint LinearGradientBrush? Если да, то какой тип объекта Storyboard используется для анимации точек, так как когда я пытаюсь сделать следующее, я получаю "0,1" недопустимое значение для Double, и я понимаю, что...
1546 просмотров

Использование WMASFWriter создает видео, которое приостанавливается на каждом интервале ключевых кадров.
Я пытаюсь создать исходный фильтр DirectShow на основе примера pushsource из DirectShow SDK. Мой исходный фильтр по существу выводит в видео набор растровых изображений, каждое из которых обычно длится около 600 миллисекунд. Я настроил граф фильтра,...
310 просмотров
schedule 24.05.2022

Определить, какой AnimationEnd сработал, с помощью animationName
У меня есть несколько анимаций CSS3, связанных с одним div, но я хочу, чтобы функция вызывалась только в конце последней анимации. Я использовал событие animationEnd, чтобы вызвать указанную функцию, но, как я уже сказал, я хочу, чтобы она...
9320 просмотров

CSS3 анимация ключевых кадров
Мне было интересно, можно ли перемотать мои анимации, дело в следующем: Я анимирую свою навигацию с помощью ключевых кадров css3: @-webkit-keyframes nav /* Safari and Chrome */ { 0% {width: 0%; opacity:0.0;}...
92 просмотров
schedule 12.12.2022

Объединить json-объект и заполнить следующие / предыдущие элементы
Как я могу предварительно заполнить объект JSON, который содержит некоторые css-свойства. Где мне нужно добавить все свойства не содержащиеся к предыдущему объекту и то же самое для всех следующих элементов? Заявление мне нужно: if...
234 просмотров
schedule 28.09.2022

Можете ли вы "принудительно" привести анимацию ключевых кадров CSS к окончательному состоянию с помощью JavaScript?
У меня есть анимация ключевых кадров CSS, которая запускается поведением прокрутки. Если пользователь прокручивает слишком быстро, я хотел бы иметь возможность отправлять некоторые анимации в их «завершенное / конечное» состояние с помощью...
2124 просмотров
schedule 26.04.2022

Анимация ключевого кадра CSS3, которая запускается при наведении
Я пытаюсь сделать небольшую анимацию ключевого кадра. Когда пользователь наводит курсор на кнопку, я хочу, чтобы фоновое изображение немного смещалось вправо, а затем обратно. Итак, небольшое движение «отскока». В моем первом примере я...
24335 просмотров
schedule 21.01.2023

Анимация ключевого кадра возвращается в исходное состояние
Я сделал медленную бесконечную CSS3 анимацию. Он анимируется от top:0; до top:40px; . Ошибка заключается в том, что когда анимация заканчивается, она переходит к начальной точке. Я думаю, что он должен прыгать с ease или ease-in , но этого...
3402 просмотров
schedule 07.07.2023

Позиция: абсолютно не работает, если не дает границы
У меня есть анимация ключевого кадра в html5 и css3. Мне нужен эффект мигания, поэтому я закодировал анимацию ключевого кадра css3 в соответствии с этим. Моя проблема в том, что я дал «позиция: абсолютная» для div. Это не сработает, если я не...
43 просмотров
schedule 19.07.2022

Ключевые кадры анимации css-загрузчика Snake не работают
Я пытаюсь сделать загрузчик змей с помощью css, используя анимацию ключевых кадров, но я не знаю, что это не работает, кто-то может помочь? здесь скрипка: https://jsfiddle.net/fs6kafsn/ @keyframes rotate { 0% { transform: rotate(0deg);...
1082 просмотров
schedule 15.08.2022

Как зафиксировать текст внутри анимационного div?
У меня есть скрипка . Я не могу добавить текст внутри анимированного div . Он отображается за пределами div , если я добавляю текст внутри div , поскольку я использую border-radius . Мне нужно, чтобы текст оставался фиксированным, пока div...
724 просмотров
schedule 17.10.2022

Другая задняя сторона css с преобразованием
Я создал книгу css, подобную этой: https://fiddle.jshell.net/b1b0642z/ Теперь мне нужно, чтобы обратная сторона обложки была другого цвета. Я попытался создать еще один div сразу после обложки с помощью этого класса: .front_back{...
178 просмотров
schedule 05.05.2023

Плавная остановка анимации
Когда флажок установлен, div прыгает. Когда вы снимаете флажок - div сразу перемещается в исходное положение. Можно ли плавно завершить последнюю итерацию анимации и после этого остановиться, используя только CSS без JS?...
802 просмотров
schedule 19.02.2024

Изменить анимацию ключевого кадра пользовательского стиля курсора при наведении
Мне удалось создать собственный курсор из div с помощью jQuery, могу ли я также изменить стиль курсора, например: (стилизация ключевых кадров анимации) при наведении курсора на div. Вот мой html-код, который делает пользовательский курсор....
1155 просмотров
schedule 05.07.2022

Анимация ключевых кадров CSS в исходное состояние
Я просмотрел ответы SO ( вопрос 1 , вопрос 2 , вопрос 2 ), но до сих пор не могу заставить свою анимацию работать должным образом . У меня есть простой ключевой кадр, который изначально отлично анимируется, но не анимируется вперед/назад при...
1550 просмотров
schedule 08.07.2022

@keyframes анимация (поворот) и :hover (масштаб)
У меня проблема с комбинированием CSS-анимации на основе @keyframes (поворот) с эффектом :hover (масштаб) - и мне нужна помощь кого-то более опытного, чем я (я новичок - это очевидно). Я хотел бы создать какой-то анимированный фон, где: 1. без...
1922 просмотров

почему анимация CSS3 не работает?
Пожалуйста, предложите, почему следующий код CSS не работает? Я также написал HTML-код ниже CSS. Я хочу переместить текст справа налево примерно так: http://mindgate.in/product/vtransact/ ul.list-points2 li { animation: linear...
736 просмотров
schedule 13.06.2023

Миксины Sass: проблемы с translateX и translateY
Я создал миксин для анимации непрозрачности и горизонтального / вертикального положения. Я прочитал документацию на сайте SASS. В настоящее время миксин анимирует непрозрачность, но не может перемещать элементы - translateX и translateY....
550 просмотров
schedule 21.01.2023

Задержка перехода на флип-карту при загрузке страницы, а затем зацикливание
У меня тут небольшой мозговой блок, и я не могу понять это в данный момент. В настоящее время у меня есть четыре флип-карты, которые переворачиваются вертикально вниз при наведении курсора. Здесь я пытаюсь добиться того, чтобы флип-карты...
240 просмотров
schedule 10.04.2023

Использование нескольких анимаций для одного элемента
У меня есть элемент, для которого я хочу использовать две анимации ключевых кадров, но он применяет только одну из анимаций. Моя анимация ключевых кадров CSS @keyframes loopAnimation { 0% { transform: translateX(0); } 100% {...
32 просмотров
schedule 25.03.2023