0
ответов
Есть ли способ иметь пи в CSS калькуляции?
У меня есть анимация круга SVG для индикатора выполнения, где штрих-смещение анимировано от 0, радиус до радиуса, 0 (от 0% до 100%). Уравнение для длины окружности круга ...
вопрос задан: 25 November 2016 10:36
0
ответов
CSS3 анимация не работает, если div: before является плавающим (WebKit)
Я хочу, чтобы мой текст мигал только с использованием CSS3. Работает нормально. Однако, если я добавлю float: left к селектору div: before, он остановит работу анимации над WebKit (Safari / Chrome). Для демонстрации ...
вопрос задан: 28 March 2016 11:42
0
ответов
Остановка анимации CSS3 на последнем кадре
У меня воспроизводится анимация CSS3 из 4 частей щелкните - но последняя часть анимации предназначена для того, чтобы убрать ее с экрана. Однако, он всегда возвращается в исходное состояние после воспроизведения. ...
вопрос задан: 2 July 2015 12:46
0
ответов
LESS CSS Передать миксин в качестве параметра другому миксину
Есть ли способ передать объявление одного миксина или стиля другому миксину в качестве входного параметра? Давайте рассмотрим пример с ключевыми кадрами анимации. Ниже показано, как мы определяем ключевые кадры в...
вопрос задан: 28 April 2015 06:07
0
ответов
Как создать эффект отскока CSS3
Я пытаюсь создать эффект отскока в конце анимации без использования стороннего кода или JavaScript. Я понятия не имею, как это сделать, используя только чистый CSS. Вот что у меня так далеко ...
вопрос задан: 21 April 2015 16:02
0
ответов
Firefox CSS Animation Smoothing (сглаживание субпикселей)
Я создаю анимацию ключевых кадров CSS, чтобы элемент выглядел так, как будто он случайно / медленно плавает вокруг. Он вложен в родителей, который использует translateX (), чтобы медленно перемещать его влево и вправо, ...
вопрос задан: 10 January 2015 22:20
0
ответов
CSS круги дрожат на анимации
Я нарисовал круг в CSS. Я попытался поиграться с кодом, чтобы исправить эту проблему, но безрезультатно. У меня есть 2 основные проблемы: В Chrome: круги вращаются при вращении В Firefox: появляется ...
вопрос задан: 21 November 2014 17:22
0
ответов
CSS3-анимация не работает в safari
У меня есть небольшая часть CSS3-анимации, которая отлично работает во всех браузерах, поддерживающих CSS3, кроме safari. Странно, правда? Хорошо, вот мой код: HTML
вопрос задан: 22 April 2014 03:29
0
ответов
Не удается остановить исчезновение анимации css после последнего ключевого кадра
У меня есть простая анимация CSS, которую я хотел бы воспроизвести, а затем остановиться на последнем кадре, полностью отображающем изображение. Но в настоящее время он воспроизводится и возвращается к первому кадру, так что ...
вопрос задан: 28 November 2013 20:23
0
ответов
css анимация перехода по цепочке
после загрузки страницы я хочу "появиться" три DIV один за другим. как я могу это сделать? Я знаю, как заставить один div появляться при наведении курсора мыши, но без каких-либо срабатываний, один за другим, используя...
вопрос задан: 29 August 2013 09:40
0
ответов
Анимация CSS3 с преобразованием вызывает размытие элементов в Webkit
Итак, у меня есть некоторые нативные элементы (div )с различными эффектами, примененными к ним (граница -радиус, рамка -тень и преобразовать :масштаб ()). Когда я их анимирую, происходят две странные вещи :Несмотря на то, что я не...
вопрос задан: 16 August 2013 00:55
0
ответов
Можно ли использовать анимацию ключевых кадров для псевдоэлементов?
Можно ли использовать анимацию ключевых кадров css для псевдоэлементов, таких как «до» и «после»?
Я разрабатываю веб-сервис для смартфона и хочу мигать элементом. но не хочу мигать элемент...
вопрос задан: 7 November 2012 22:15
0
ответов
Оптимизация CSS3-анимации @keyframes
Несколько месяцев назад я создал анимированный CSS3 AT -AT http://www.ruawebdesign.com/css3-at-at. Я создал его в основном в качестве обучающего эксперимента и чтобы посмотреть, что стало возможным с использованием новых функций CSS3. Как и большинство...
вопрос задан: 7 November 2012 22:14
0
ответов
@ знак и переменные в CSS keyframes с помощью LESS CSS
Мне нужно сделать 8 различных CSS3 анимаций, которые слишком похожи, поэтому я использовал для этого LESS. Ниже приведен код, который работает идеально, с одной маленькой заминкой - переменной @name. .animation_top (@...
вопрос задан: 7 November 2012 22:13
0
ответов
CSS анимация: работает в Chrome, но не в Firefox?
В анимации вращения работает в Chrome, но не в Firefox. Зачем? @ -moz-ключевые кадры rotate {из {-moz-transform: rotate (0deg); } to -moz-transform: rotate (360deg); }} @ -webkit-keyframes ...
вопрос задан: 30 October 2012 18:49
0
ответов
Анимация бесконечного вращения с использованием CSS и Javascript [закрыто]
Я просматривал несколько примеров одностраничных веб-сайтов и нашел это:http://alwayscreative.net/. Я полностью поражен диском на заднем плане, который вращается бесконечно. я посмотрел на некоторые...
вопрос задан: 18 August 2012 13:59
0
ответов
Единицы для перехода CSS -продолжительность
Это s для секунд — единственная единица измерения, которую я могу использовать для значений времени в CSS-переходах или анимациях. В спецификациях про это ничего не нашел.
вопрос задан: 17 August 2012 10:58
0
ответов
Анимация CSS3 не работает в IE9
Анимации CSS3 не работают в IE9. Вот ссылка jfiddle. Можно ли заставить их работать в IE или я делаю какую-то глупую ошибку? Вот код, который не работает :@ -мс -ключевые кадры...
вопрос задан: 12 August 2012 15:58
0
ответов
CSS-анимация вызывает сбой Safari только на iPad
Мой сайт падает в Safari на iPad и только на iPad. Я анимирую большую картинку (4800 x 374px, правда всего 336 кб )в шапке css3 анимацией. Примерно через десять секунд это приводит к тому, что Safari...
вопрос задан: 7 August 2012 17:54
0
ответов
Масштабирование элементов Chrome 21 при вращении
Я думаю, что это ошибка в последней версии Chrome (21.0.1180.57 ), но я решил опубликовать здесь, чтобы перепроверить. Я изменяю вращение элемента с помощью javascript и использую переходы webkit на...
вопрос задан: 7 August 2012 15:42
0
ответов
Есть ли какие-либо перспективы на автоматическую высоту для переходов и анимации CSS3?
Переходы, преобразования и анимация CSS3 прекрасны. Их стало еще больше, теперь все больше браузеров их поддерживают. Я все еще спрашиваю себя об одном: почему в спецификации не указано, что CSS3 ...
вопрос задан: 28 July 2012 18:49
0
ответов
Переход CSS3 портит шрифты в webkit?
С тех пор, как я добавил переход css (первый был при наведении курсора, второй был анимацией), похоже, мои шрифты испортились, они выглядят «по-другому». Это совершенно странно, я искал часами и не могу...
вопрос задан: 28 July 2012 18:32
0
ответов
Анимации CSS3 нарушают фиксированное позиционирование при прокрутке страницы
У меня возникли проблемы с попыткой понять, почему хром (, из-за которого фиксированный заголовок полностью исчезает, Firefox сохраняет его там, но позволяет абсолютно позиционированным элементам перемещаться по фиксированному элементу, я...
вопрос задан: 20 July 2012 11:20
0
ответов
Можно ли анимировать вставки и удаления flexbox?
Когда я удаляю элемент из flexbox, оставшиеся элементы немедленно «привязываются» к своим новым позициям, а не анимируются. Концептуально, поскольку элементы меняют свои позиции, я ожидаю...
вопрос задан: 19 June 2012 18:14
0
ответов
Цвет фона кнопки css3 бесконечный переход
Есть ли способ заставить цвет фона кнопки исчезать с серого на синий, а затем обратно на серый, используя только css3? Хорошим примером является кнопка действия по умолчанию — какао? Я знаю, что это можно сделать в javascript...
вопрос задан: 1 June 2012 03:05
0
ответов
Как запустить анимацию CSS3 в определенном месте?
Я использую анимацию CSS3 и хочу иметь возможность перемещаться в определенное место в анимации. Например, если CSS выглядит так (и притвориться, что я использовал все надлежащие префиксы): @keyframes ...
вопрос задан: 10 May 2012 19:15
0
ответов
Можно ли использовать любое десятичное значение в анимации ключевых кадров CSS?
Мне интересно, можно ли использовать такие процентные значения, как это :@keyframes myAnimation { 0% { height :100px; } 33,3% { высота :120 пикселей; } 66,6% { высота :140 пикселей; } 100% { высота :200 пикселей;...
вопрос задан: 7 May 2012 17:22
0
ответов
css -анимация/анимация -направление/реверс
#div { позиция :абсолютная; верх :50px; ширина :100 пикселей; высота :100 пикселей; фон :синий; -webkit -анимация -имя :сдвиг; -webkit -анимация -продолжительность :10 с; -webkit -анимация -итерация -количество :2;...
вопрос задан: 5 May 2012 12:00
0
ответов
Переопределить анимацию с помощью :hover
У меня есть следующая анимация CSS :.border -strobe { -webkit -анимация :border -strobe -анимация 1.5 s бесконечная легкость -внутрь -наружу; } @ -webkit -keyframes border -strobe -animation { 0% {border :2px...
вопрос задан: 4 May 2012 07:56
0
ответов
Могу ли я использовать :hover для запуска CSS3-анимации (или перехода), которая продолжает работать, даже когда мышь больше не нажата? hovering
Я создаю список ссылок, в котором один контейнер ссылок расширяется при наведении на него курсора (с деталями, изображением и описанием). У меня нет проблем с анимацией с помощью CSS-переходов или анимации. Проблема в том, что...
вопрос задан: 10 April 2012 14:23