Помеченные вопросы [css-animations]

0 голосов
0 ответы
Проблема заполнения пути SVG в Chrome
У меня проблема с простой SVG-анимацией в Chrome. Он отлично работает в FF & Край на рабочем столе, но не в Chrome на рабочем столе или Andr...
спросил 3 месяца назад
4 голосов
2 ответы
Анимировать фиксированный элемент к центру области просмотра
У меня есть элемент position: fixed; в правом верхнем углу страницы. Я хочу, чтобы при щелчке он "рос и двигался" по центру экрана. Лучшее и...
спросил 3 месяца назад
-3 голосов
0 ответы
Существуют ли какие-либо ключевые кадры для полноразмерных летающих изображений [закрыто]
Я хочу создать веб-страницу с изображениями летящих частиц, чтобы я использовал элемент частиц.js, но я не могу добавить более одного изображени...
спросил 3 месяца назад
0 голосов
2 ответы
Как определить анимацию CSS?
Я написал этот код, чтобы заставить прямоугольник двигаться слева направо, как автомобиль, но это не работает. Я думаю, что есть проблема с прим...
спросил 3 месяца назад
0 голосов
0 ответы
Почему на моем веб-сайте белая коробка внизу?
У меня есть веб-сайт, на котором есть раздел с белой полосой внизу. Я не знаю, как от этого избавиться. Да, я знаю, что другие задавали этот воп...
спросил 3 месяца назад
-2 голосов
0 ответы
Анимация заполнения волны CSS с унаследованным цветом
Я пытаюсь создать анимацию с волновой заливкой и пробовал svg-решения, доступные в Интернете, но они основаны на фиксированном цветном изображен...
спросил 3 месяца назад
1 голосов
1 ответы
Только одна панель CSS анимации в любой момент времени
Я использую CSS-анимацию, чтобы показать неопределенный индикатор выполнения. Смотрите код ниже. Если вы заметите, что в любой момент времени ес...
спросил 3 месяца назад
3 голосов
1 ответы
CSS фоновая градиентная анимация
Я хочу создать анимацию загрузки блеска, которая будет отображаться на нескольких элементах с разными цветами фона. В настоящее время я испол...
спросил 3 месяца назад
2 голосов
1 ответы
Как создать эффект дождя, вызванный событием?
Я пытаюсь заставить изображение упасть, похожее на эффект дождя, но я хочу, чтобы оно вызывалось только прослушивателем событий. В настоящее...
спросил 3 месяца назад
0 голосов
1 ответы
Как остановить перемещение текста после завершения анимации?
Я создаю свой веб-сайт и думаю, что анимация раскрытия текста будет крутой. Анимация раскрытия текста работает, но текст непреднамеренно скользи...
спросил 3 месяца назад
0 голосов
0 ответы
Не могу заставить мои карты перевернуться с помощью Vanilla JS, CSS и HTML с помощью CSS-анимации
Я пытаюсь создать простое приложение на основе флэш-карт, используя примеры, которые вы видите во многих кодах онлайн. Я ввожу базу данных карт...
спросил 3 месяца назад
0 голосов
0 ответы
Прокручивайте разделы плавно, используя Transform 3D
У меня возникла ситуация, когда мне удалось плавно прокрутить страницу, но я хочу прокрутить эту страницу, используя разделы, имеющие 100% высот...
спросил 3 месяца назад
-2 голосов
0 ответы
Ссылка не активна на контейнере
Я пытаюсь сделать ссылку внутри контейнера кликабельной, но это не так. Хотя весь контейнер находится внутри слайдера, созданного с использовани...
спросил 3 месяца назад
0 голосов
0 ответы
При уменьшении размера браузера изображение не умещается на весь экран [дубликат]
Я пытаюсь установить <div> на определенный процент высоты в CSS, но он остается того же размера, что и содержимое внутри него. Однако, ког...
спросил 3 месяца назад
-1 голосов
1 ответы
Хороший способ запустить анимацию ключевых кадров, когда элемент появляется в поле зрения?
Как можно запустить анимацию ключевых кадров, когда элемент появляется в поле зрения? $(window).scroll(function () { if($(window).scrollTop(...
спросил 3 месяца назад
1 голосов
0 ответы
Запускать анимацию в обратном направлении без воссоздания ключевого кадра
Как запустить ключевой кадр назад, не создавая новый ключевой кадр? Вот мой код, когда при наведении курсора на анимацию .container запускает...
спросил 3 месяца назад
2 голосов
1 ответы
Обратная анимация ключевых кадров CSS
Я написал анимацию css, используя ключевые кадры для пути svg path { animation: anim 1s linear; animation-fill-mode: forwards; }...
спросил 3 месяца назад
1 голосов
1 ответы
Как заставить текст мигать и светиться с помощью CSS
У меня есть этот CSS, но он не работает, чтобы мой текст светился и мигал: @import url(//fonts.googleapis.com/cssfamily=Pacifico); body {...
спросил 3 месяца назад
0 голосов
0 ответы
Можете ли вы заставить элемент медленно возвращаться в исходное состояние при наведении курсора? [Дубликат]
Таким образом, можно использовать обратную анимацию при наведении мыши, например: .class{ transform: rotate(0deg); } .class:hover{ tran...
спросил 3 месяца назад
0 голосов
0 ответы
Анимация из трех кнопок, которая мгновенно смешивается, мигает при переходе от точки 1 к точке 3 или наоборот
Я создал трехкнопочную анимацию для плавного перехода между каждой из кнопок. Когда вы нажимаете кнопку onMouseEnter, остальные появляются вм...
спросил 3 месяца назад
0 голосов
0 ответы
Измените анимацию Glitch css с Text на SVG
Я нашел эту замечательную анимацию из Fabio , но когда я пытаюсь использовать SVG вместо текст, это не сработало, как я ожидал. Тень не появила...
спросил 3 месяца назад
0 голосов
1 ответы
Не могу заставить мою анимацию при наведении тени на ключевом кадре CSS работать на моем SVG
Я нашел код CSS в https://codepen.io/FelixRilling/pen/qzfoc чтобы помочь мне создать эффект свечения на строке текста для проекта, над которым...
спросил 3 месяца назад
1 голосов
2 ответы
Приостановить анимацию между каждым поворотом на пять секунд
Я работаю над этой демонстрацией. Как я могу добавить пять секунд задержки к этой анимации между каждым поворотом? .card { backgrou...
спросил 3 месяца назад
-1 голосов
1 ответы
Изображения SVG не выровнены / пиксель идеально сочетаются с окружающими элементами (особенно при резком анимировании!)
Я пытаюсь создать анимированные трехмерные столбцы на гистограмме. Чтобы избежать каких-либо проблем, связанных с растяжением /соотношением стор...
спросил 3 месяца назад
0 голосов
0 ответы
Как запустить анимацию SVG rotate3d под уже повернутым углом?
Я пытаюсь сделать так, чтобы SVG выглядел как раскладывающееся складывающееся кресло, поэтому сиденье должно начинаться с температуры -95 градус...
спросил 3 месяца назад