Вопросы по теме 'css-transitions'
Цепочка переходов CSS3
Что такое синтаксически чистое решение для запуска цепочки отдельных переходов CSS3 для одного элемента один за другим? Пример:
установите слева значение 10 пикселей и непрозрачность от 1 до 200 мс.
установить слева от 30 пикселей до 500 мс...
9218 просмотров
schedule
08.11.2023
CSS-переход не работает с посещенными ссылками
Я пытаюсь реализовать переход CSS для гиперссылок, я пытаюсь следовать коду, но он работает только с непросмотренными ссылками. Не работает на посещенных ссылках. Я делаю что-то не так?
a, a:link, a:visited {
color: lightblue;...
2449 просмотров
schedule
27.11.2023
Создавать и удалять классы?
Возможный дубликат: jQuery создает правило / класс CSS @ время выполнения
Можно ли создавать и удалять классы css с помощью jQuery?
Обратите внимание, я не говорю о addClass и removeClass . Я действительно хочу написать новый...
116 просмотров
schedule
06.01.2024
JQuery меняет цвет текста в столбцах
У меня есть три столбца на моей веб-странице. В каждом столбце есть группа из трех квадратов, квадрат представляет собой уникальный цвет. Поэтому, когда пользователь нажимает красный цвет в столбце 1, текст в столбце 1 становится красным, если...
164 просмотров
schedule
26.12.2023
Переход CSS3 в строке таблицы с использованием свойства высоты
У меня есть таблица HTML, отображающая некоторую информацию с несколькими строками. В каждой строке пользователь может щелкнуть, чтобы открыть некоторые дополнительные строки, содержащие информацию, связанную с выбранной строкой.
Примерно так:...
3846 просмотров
schedule
19.08.2022
SVGPAN - эффект плавного перехода
Возможно ли плавное масштабирование элемента svg?
Я использую скрипт svgpan и понимаю, что увеличение масштаба управляется атрибутом преобразования.
transform="matrix(0.6,0,0,0.6,0,0)
Можно ли добавить «переход», чтобы сделать переход...
1203 просмотров
schedule
27.11.2023
Анимации CSS3 - анимация ширины изображения
Я хотел бы уменьшить размер изображения при наведении на него курсора мыши. Я хотел бы использовать анимацию CSS3, если это возможно. Это то, что я сейчас делаю:
#logo-icon img { width: 80px; };
#logo-icon img:hover { width: 50px; transition:...
51 просмотров
schedule
17.07.2022
Установите различную скорость перехода Css3 для div и его дочерних элементов
Я пытаюсь внедрить Slidejs на свой сайт. Вот ссылка на библиотеку .
Что я хотел бы сделать, так это установить другой переход скорости в зависимости от элемента. Вот моя структура HTML:
<div id="slides" class="sliders_1">
<div...
363 просмотров
schedule
12.03.2024
Не удается получить 60 кадров в секунду при переходе непрозрачности в Chrome
Мне нужен переход непрозрачности со скоростью 60 кадров в секунду или лучше, и я тестирую временную шкалу инструментов разработчика Chrome. Я создал jsfiddle ( http://jsfiddle.net/jnoody/Zt8nd/ ), чтобы продемонстрировать , но в основном это просто...
670 просмотров
schedule
18.01.2024
Переход CSS3, наведение для запуска анимации дочернего элемента не работает
Я хотел бы, чтобы мой элемент списка запускал переход css3 для своего дочернего элемента .pusher при наведении курсора. Я привык делать это в JS, а не в переходах css3, после прочтения некоторых других вопросов SO я подумал, что понял, как это...
2154 просмотров
schedule
05.05.2024
CSS-переход не работает с ng-классом
Я пытаюсь создать переход CSS, когда элемент получает определенный класс. Пока смена переключателя работает (что означает, что ng-класс работает правильно), но анимация не происходит.
Вот мой код:
.intro-text{
height:auto;...
4777 просмотров
schedule
17.03.2024
Задержка анимации дочерних элементов при закрытии 3d-элемента css
Я делаю меню, которое должно выглядеть как книга, открывающаяся при :hover.
Проблема заключается в задержке анимации дочерних элементов при открытии и закрытии анимации.
http://codepen.io/Fillosof/pen/DGwfC
CSS-код:
#menu ul ul {...
120 просмотров
schedule
11.07.2022
Почему продолжительность перехода всегда фиксируется в браузерах webkit?
Я поиграл с переходом CSS и сделал это JSFiddle
Свойство transition в настоящее время поддерживается всеми основными браузерами и также не требует префиксов поставщиков (однако я включил их в свою скрипту) . Я также искал на сайте W3C...
384 просмотров
schedule
01.11.2022
Эффект параллакса с переходом CSS
Можно ли сделать эффект параллакса фонового изображения с переходами css? Параллакс должен быть медленнее, чем прокрутка, поэтому нужно что-то замедлять - можно ли это сделать с помощью css? Или, если нет, как лучше всего это сделать с помощью...
5724 просмотров
schedule
13.11.2023
Слайд справа налево с анимацией с помощью css
в настоящее время я пишу код для отображения скрытого div, используя jQuery . Но я хочу сделать эффект анимации для этого div, когда он появляется в окне. Когда я нажимаю на окно2, окно2 появляется без анимации. Как сделать так, чтобы окно2...
14677 просмотров
schedule
13.11.2023
Не выполняется переход CSS3
Просто собрал простую анимацию меню гамбургера и был озадачен тем, что эффекты перехода не выполняются, и я не уверен, где я ошибаюсь.
Вероятно, это что-то очень простое, но нигде не могу найти правильную ссылку.
.cross span{
/* Transition...
29 просмотров
schedule
28.03.2024
Почему Isotope не использует 3D-преобразования для повышения производительности?
Я использую Isotope ( isotope.metafizzy.co ) с макетом Masonry Horizontal. Пример: http://codepen.io/desandro/pen/oCiAD
Он отлично работает, но мне любопытно, почему библиотека устанавливает свойства left/right и top/bottom вместо использования...
93 просмотров
schedule
07.07.2022
Переходы PJAX и CSS
Я использую библиотеку pjax jquery для динамической загрузки контента с другой страницы на текущую страницу. Я хочу, чтобы это произошло
Добавьте класс скрытия в контейнер, чтобы применить переход.
Выполните вызов PJAX, чтобы загрузить...
427 просмотров
schedule
29.06.2022
CSS-переходы элемента SVG g не работают в кросс-браузере?
Я ищу ответ, который конкретно касается поддержки браузером переходов svg g element css.
Чтобы показать проблему, здесь приведен репрезентативный пример, который работает в Chrome, но только « прыжки» между двумя позициями преобразования в...
800 просмотров
schedule
30.10.2023
Переход непрозрачности и видимости
У меня есть элемент, который имеет значение visibility: hidden до тех пор, пока не будет наведен курсор, с переходом по непрозрачности для красивого затухания. Проблема в том, что затухание работает только в одну сторону, потому что когда элемент...
4741 просмотров
schedule
25.11.2023