Вопросы по теме 'css-animations'
CSS3 Эффект Кена Бёрна приостанавливается при прокрутке страницы, затем воспроизводится снова для плавной анимации.
Я создал CSS3 эффект Кена Бёрна с помощью других участников этого сообщества. Это было отрывисто, пока мы не перешли на переводную анимацию. Теперь очень гладко.
http://jsfiddle.net/gxUhH/52/
Проблема в том, что при прокрутке страницы на...
590 просмотров
schedule
20.10.2021
CSS3-анимация и производительность: есть ли тесты?
Каждый раз, когда я посещаю страницу с анимацией CSS3, мой блокнот становится шумным (дает мне сигнал, что он выполняет там тяжелую работу). Мне было бы наплевать, если бы хотя бы итоговая анимация была достаточно плавной. Но это не так. То, что я...
7357 просмотров
schedule
15.11.2021
Почему не работают эти @ -moz-ключевые кадры?
Мне нужно, чтобы кто-то указал мне носом, почему @ -moz-keyframes не работает. У меня установлена последняя версия FF. Так что, если кто-то поможет, это будет здорово.
@-moz-keyframes accTextMove {
25% { margin: 50px 0 0 380px; opacity: 0; }...
514 просмотров
schedule
20.10.2021
Непрерывное вращение при выходе из зависания
Рассмотрим следующую скрипку: http://jsfiddle.net/a7EVf/5/
Возможно ли, чтобы div вращался (фактически на 360 градусов вместо 0) при зависании вместо того, чтобы двигаться назад против часовой стрелки?
Я бы предпочел НЕ использовать JavaScript...
1005 просмотров
schedule
04.11.2021
Использование JQuery для остановки анимации css. Как правильно это сделать?
Я только что реализовал CSS-анимацию на такой странице:
@-webkit-keyframes backdrop-roll{
to { background-position-x:100%; }
}
body
{...
241 просмотров
schedule
13.09.2021
Сократите время декодирования изображений для приложения Cordova iOS
В настоящее время я создаю приложение для iOS с Cordova, которое использует переходы анимации CSS3 для имитации вставки / вывода и всплывающей / выводящей навигации по страницам.
Проблема, с которой я сейчас сталкиваюсь, заключается в том, что...
98 просмотров
schedule
10.11.2021
CSS-анимация: как вызвать обратную анимацию?
Я пытаюсь создать простой многоразовый класс CSS, чтобы эта анимация была у меня повсюду.
Все работает нормально, за исключением того, что я не могу найти ни одного примера / документации о том, как запустить обратную анимацию.
Вот мой HTML:...
5501 просмотров
schedule
05.09.2021
Можем ли мы изменить фоновое изображение с помощью CSS3 Animation
так что у меня есть это
<section id="indsection">
</section>
#indsection {
width: 1024px;
background-image: url(images/indexartbg1.png);
float: left;
height: 600px;
background-position: left top;
background-repeat: no-repeat;...
1731 просмотров
schedule
27.11.2021
Ключевой кадр CSS3 переходит в конец анимации без анимации
В связанной скрипке элемент имеет две анимации.
https://jsfiddle.net/ccqpLa6L/1/
Ниже приведен снимок CSS:
@-webkit-keyframes slideInLeft { 0% { transform: translateX(-200px); } 100% { transform: translateX(0); } }
@-webkit-keyframes...
818 просмотров
schedule
07.11.2021
Анимировать при прокрутке вниз и вверх
Я пытаюсь анимировать группу кнопок из относительного положения в фиксированное положение при каждой прокрутке.
HTML
<div class="menu">
<button class="button"></button>
<button class="button"></button>...
2206 просмотров
schedule
02.12.2021
(Полимер) ‹core-animation-pages› Контент растекается за пределами основного DIV при использовании слайда справа
Вот записанное мной короткое видео, демонстрирующее это поведение: https://www.dropbox.com/s/j20zaw2h472l9iu/polymer-slide.mov
Я успешно реализовал core-animation-pages в своем веб-приложении. У меня есть 3 разных div, которые без проблем...
54 просмотров
schedule
20.11.2021
Динамически создавать и применять анимацию CSS3
Функция .animate() в jQuery не позволяет анимировать все свойства CSS3, которые можно анимировать (например, background-color ). Есть ли хороший стандартный способ динамического создания, применения и удаления анимации CSS3 к элементам на...
440 просмотров
schedule
02.12.2021
SVG прямолинейная анимация
У меня есть две линии, красная и синяя, где синяя линия движется по красной линии. Я хочу, чтобы синяя линия двигалась вверх и вниз по красной линии, а здесь она движется только вверх. Ниже приведен код
<!DOCTYPE html>
<html>...
1679 просмотров
schedule
25.10.2021
Анимация дочернего элемента в Polymer
Можно ли анимировать дочерние элементы, не помещая их в пользовательский элемент с Polymer.NeonAnimatableBehavior ? Кажется излишним оборачивать каждый анимируемый элемент как пользовательский элемент.
438 просмотров
schedule
19.10.2021
Обнаружение определенного ключевого кадра CSS3 с помощью JavaScript
Как определить, что анимация достигла определенного ключевого кадра? (Например, 50% или 75%).
Вот что я пробовал:
element.addEventListener("animationend", AnimationListener, false);
но он поддерживает только запуск анимации, итерацию и...
129 просмотров
schedule
25.11.2021
Анимируйте отражение SVG по горизонтали, но сохраняйте ширину или толщину контура / штриха
Я пытаюсь анимировать переворот SVG по горизонтали, используя следующее:
.animated {
animation-duration: 2s;
animation-fill-mode: both;
}
@keyframes customAnimation {
0% {
top: 0;
right: 3px;
transform: scaleX(1);...
481 просмотров
schedule
02.10.2021
Линейная анимация SVG не работает
Я пытаюсь создать эффект, когда дым выходит из сосуда Как в этом примере, где дым выходит из кофейной чашки но я не могу чтобы сделать это. Вот jsfiddle , показывающий мою попытку: Код SVG:
<?xml version="1.0"...
1630 просмотров
schedule
30.10.2021
нарушение пользовательской css анимации для мобильных браузеров
Я хочу использовать упомянутую ниже css-анимацию, но она не работает в мобильных браузерах, потому что я сделал переполнение как скрытое, а пробел - как без переноса как часть анимации.
p{
color: black;
white-space: nowrap;
overflow:...
314 просмотров
schedule
09.11.2021
Проблема с переводом CSS в Safari
Я работаю над преобразованием созданного мной Gif в анимацию CSS. Все работает в Chrome, Firefox, Opera, но когда дело доходит до Safari, все работает плохо.
Когда я изначально загружаю страницу, изображения игнорируют translate и сидят ниже, но...
699 просмотров
schedule
24.11.2021
Можно ли нарисовать частичный контур круга в CSS (форма открытого кольца)?
Я заинтересован в создании счетчика загрузки полностью в CSS, но для этого мне нужно было бы нарисовать форму открытого кольца следующим образом:
Кольцо будет обводить себя по окружности круга. Возможно ли это в CSS?
22852 просмотров
schedule
10.09.2021
