Вопросы по теме 'css-animations'
Приостановка анимации CSS3 после 1 итерации между несколькими итерациями
В надежде создать красиво выпадающее меню с помощью CSS3 я стилизовал его с помощью анимации. Я использовал анимацию вместо перехода, чтобы лучше контролировать время падения. Мне кажется, это более эстетично. Однако при использовании анимации...
2224 просмотров
schedule
10.12.2022
Как добавить обработчик событий CSS AnimationEnd в виджет GWT?
Я хочу, чтобы мой виджет GWT уведомлялся об окончании его CSS-анимации .
В простом HTML/Javascript это легко сделать, зарегистрировав обработчик событий следующим образом:
elem.addEventListener("webkitAnimationEnd", function(){
//...
3127 просмотров
schedule
07.10.2022
Переход CSS3: разные переходы для *IN* и *OUT* (или возврат из состояния перехода)
Исходный вопрос... обновленный рабочий код ниже:
У меня есть загрузочное изображение, которое появляется во время события загрузки ajax. Изображение отображается/скрывается путем добавления или удаления класса «загрузки» в элемент body. В...
39975 просмотров
schedule
22.08.2022
Знак @ и переменные в ключевых кадрах CSS с использованием LESS CSS
Мне нужно 8 различных анимаций CSS3, которые слишком похожи, поэтому я использовал для этого МЕНЬШЕ. Ниже приведен код, который отлично работает, но с одной маленькой ошибкой — переменной @name.
.animation_top (@name, @pxFrom, @pxTo) {...
7920 просмотров
schedule
11.06.2023
Плохая CSS-анимация фона
Итак, сегодня я работаю над простой страницей запуска приложения, над которым работаю.
Я хотел добавить движущийся фон (в стиле параллакса), используя CSS-анимацию, как показано здесь http://css-tricks.com/parallax-background-css3/
Я...
2770 просмотров
schedule
16.04.2024
Анимации CSS3 нарушают фиксированное позиционирование при прокрутке страницы
У меня возникли проблемы с попыткой понять, почему хром (из-за которого фиксированный заголовок полностью исчезает, Firefox сохраняет его там, но позволяет абсолютно позиционированным элементам перемещаться по фиксированному элементу, я предотвратил...
8875 просмотров
schedule
14.12.2022
Элементы масштабирования Chrome 21 во время вращения
Я думаю, что это ошибка в последней версии Chrome (21.0.1180.57), но я решил опубликовать здесь, чтобы перепроверить.
Я изменяю вращение элемента с помощью javascript и использую переходы webkit для анимации вращения. Иногда, в зависимости от...
371 просмотров
schedule
18.07.2022
Пользовательские анимации для функции вкладки Twitter Bootstraps
Я использую эту функцию для системы вкладок/навигации:
# http://twitter.github.com/bootstrap/javascript.html#tabs
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
Однако я хотел бы использовать...
5492 просмотров
schedule
07.06.2022
Можно ли проверять ключевые кадры анимации CSS3 с помощью инспектора браузера?
Я столкнулся с несколькими сайтами, которые используют анимацию в стиле ключевых кадров CSS3, и решил протестировать ее на своих сайтах. Однако это приводит меня к загадке: обычно, прежде чем я зафиксирую файл CSS на сайте, я использую инспектор...
21850 просмотров
schedule
08.06.2022
мигающие черные квадраты в веб-приложении с переходами css
Я работаю над веб-приложением для мобильных телефонов. Приложение состоит из нескольких скользящих панелей (горизонтальных), с интерактивными элементами на каждой панели. Я использую события touchstart, touchmove, touchend для захвата событий...
1170 просмотров
schedule
23.07.2022
Анимация CSS3 при наведении
Я новичок в CSS и столкнулся с проблемой, от которой не могу избавиться. Я сделал анимацию, используя ключевые кадры css3. Эта анимация просто меняет вращение изображения всякий раз, когда кто-то наводит на него курсор. Теперь я хотел связать это...
573 просмотров
schedule
09.07.2022
Имитация тега blink с помощью анимации CSS3
Я действительно хочу, чтобы кусок текста мигал в стиле старой школы без использования javascript или оформления текста.
Никаких переходов, только *мигание*, *мигание*, *мигание*!
Это отличается от этого вопроса , потому что я прошу мигать без...
284501 просмотров
schedule
10.02.2023
Safari применяет эффект/обработку шрифта, когда элемент анимирован с помощью CSS3
Я использую собственный шрифт на своем сайте.
@font-face {
font-family: 'ProximaNovaCondensed-Regular';
src: url('/media/fonts/proximanovacond-regular-webfont.eot');
src: url('/media/fonts/proximanovacond-regular-webfont.eot?#iefix')...
860 просмотров
schedule
21.03.2023
css @-moz-keyframes анимация не работает в firefox 18.0.1
css @-moz-keyframes анимация в firefox 18.0.1 не работает,
Я проверил эту анимацию на предыдущей версии (забыл номер предыдущей версии), она работала,
Вот анимация
<html>
<head>
<style type="text/css">...
25316 просмотров
schedule
21.07.2022
Активировать анимацию/перевод css с помощью javascript
Я пытаюсь отказаться от анимации javascript и вместо этого использовать анимацию CSS. В настоящее время я использую функциональность анимации jQuery.
Я наткнулся на это веб-сайт с кучей замечательных CSS-анимаций. Такие как:
.demo1 {...
14812 просмотров
schedule
22.06.2023
Как сделать мигающий / мигающий текст с помощью CSS 3
В настоящее время у меня есть такой код:
@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}
.waitingForConnection {
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;...
690895 просмотров
schedule
24.03.2023
Анимация CSS3 не запускается в Opera, если элемент изначально имел display: none
Я пытаюсь показать бесконечно вращающееся изображение после какого-то события в js. Отлично работает в Chrome 26, Firefox 19, но не работает в Opera 12 (последней).
Я использую исходное изображение со стилем = "display: none" следующим образом:...
331 просмотров
schedule
09.11.2023
CSS3 Transform — обработка поведения после наведения
В этом коде CSS3, когда я навожу курсор на класс, он поворачивается на 360 градусов, но когда я ухожу от класса, он возвращается в прежнее состояние.
Вопрос: как я могу заставить класс вращаться, даже когда я ухожу?
Код ниже:
.class{...
422 просмотров
schedule
02.06.2023
CSS @keyframe не работает
Я просматривал примеры, и мне здесь что-то не хватает. Я не могу запустить эту простую анимацию css, изменив цвет некоторого текста. Когда я запускаю приведенный ниже пример, текст остается черным.
У меня есть анимация с именем «changeColor»,...
16448 просмотров
schedule
25.12.2022
Получить/установить текущий процент @keyframes/изменить ключевые кадры
Можно ли получить/установить текущий процент анимации анимации CSS3 @keyframes с помощью javascript, jQuery или других средств?
Скажем, например, есть div с классом .spin , который просто вращается по кругу, используя ключевой кадр, также...
5392 просмотров
schedule
08.02.2023
