Вопросы по теме 'css-transitions'

css-переходы webkit
Пробовал некоторые переходы webkit на сайте и столкнулся с проблемой. Состояние наведения на мои ссылки добавляет границу в 1 пиксель и уменьшает отступ, чтобы позиционирование оставалось прежним. Обычно работает нормально, но не когда я добавляю...
2253 просмотров
schedule 05.11.2022

Переходы в свойстве отображения CSS
В настоящее время я разрабатываю «мега раскрывающееся» меню CSS - в основном обычное раскрывающееся меню только для CSS, но содержащее различные типы контента. На данный момент похоже, что переходы CSS 3 не применяются к свойству 'display' , т.е....
1822748 просмотров
schedule 05.02.2022

Различные задержки перехода CSS для наведения и мыши?
Можно ли использовать переходы CSS3 с другой задержкой переключения между «состояниями»? Например, я пытаюсь сделать элемент сразу выше при наведении, а затем при 'mouseout', чтобы подождать секунду, прежде чем вернуться к исходной высоте элемента....
71665 просмотров
schedule 22.02.2023

CSS3 Transitioning Transforms в мобильном WebKit
У меня есть преобразование перехода для элемента в CSS3, но всякий раз, когда я запускаю анимацию, кажется, что один из элементов, участвующих в анимации, всегда скрыт на время анимации. Вот код CSS, HTML и JavaScript: CSS div.toggle...
1482 просмотров

Как использовать переход в jQuery?
Мне нужно определить, завершен ли переход CSS, прежде чем позволить функции повториться снова, чтобы не испортить поля. Так как же у меня есть что-то вроде if (transitionend == true) { // do stuff } else { // do nothing }
45535 просмотров
schedule 16.07.2022

css переход с линейным градиентом
Я пытаюсь добавить переход к кнопке, которая у меня есть, фон сделан с помощью css linear-gradient, но он не работает. Это CSS для моей кнопки. a.button { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@green),...
74060 просмотров
schedule 09.12.2023

Переход CSS мерцает с: посетили в Safari, Chrome и Firefox, но не в Opera
(Для браузеров, поддерживающих переходы CSS, включая последние версии Firefox, Safari и Chrome. Как ни странно, эта проблема не возникает в Opera.) Кто-нибудь еще заметил это? Когда вы помещаете цветовой переход в ссылку, a:visited переходит к...
1296 просмотров
schedule 11.12.2022

CSS3 Переход от нормального положения потока к абсолютному
Я ударил это пару раз в прошлом и никогда не уходил с хорошим решением. Если у меня есть несколько элементов HTML, которые расположены в соответствии с естественным потоком документов. Для примера предположим, что это простой стек из div s. Я...
3624 просмотров
schedule 10.10.2023

Позволить переходу :hover завершиться, даже если он не зависает на элементе
Я создаю фотосайт здесь , но у меня возникла проблема с переходы :hover на страницах галереи. Он загружает две ссылки, которые лежат над миниатюрами, одна открывает изображение в fancybox, а другая устанавливает изображение в качестве фона. Все...
207 просмотров
schedule 05.01.2024

CSS переход между левым -> правым и верхним -> нижним положениями
Можно ли использовать переходы CSS для анимации чего-либо между позициями, установленными как left: 0px , и right: 0px , чтобы они проходили по всему экрану? Мне нужно сделать то же самое сверху вниз. Я застрял в расчете ширины экрана/размера...
188396 просмотров
schedule 06.10.2022

Переходы CSS3 для псевдоэлементов (: after, : before) не работают?
Я показываю атрибут title ссылки на :hover . Атрибут title добавляется к ссылке через :after … Теперь мне интересно, как я могу анимировать непрозрачность псевдоэлемента :after при наведении и наведении. html <a class="link"...
29210 просмотров
schedule 09.06.2024

Css-переходы не возвращаются плавно, если они еще не завершены
У меня есть фоновое изображение, которое меняется на другое изображение при: hover. Я использовал переход, чтобы показать этот эффект. Когда переход заканчивается, мое старое изображение снова появляется с использованием того же перехода, когда...
418 просмотров
schedule 04.09.2023

Меньше CSS: миксины с переменным количеством аргументов
LESS позволяет использовать параметрические примеси, такие как: .transition(@property, @duration){ transition: @property @duration; -moz-transition: @property @duration; /* Firefox 4 */ -webkit-transition: @property...
18878 просмотров
schedule 08.07.2022

CSS-переход не выполняется
В настоящее время я пытаюсь анимировать два элемента div в контейнере карусельного типа. Вот разметка в том виде, в каком она отображается в DOM: <div id="transitioner" style="width: 2880px; height: 775px; left: -1440px; "> <div...
131 просмотров
schedule 11.09.2022

Запуск положения фонового изображения css при наведении курсора на родительский div
У меня есть один вопрос, как мне вызвать переход фонового положения дочернего div, наведя курсор на родительский div? Я вообще не нашел ответа по этому вопросу, особенно в отношении позиционирования фона. Уже 3 дня я пытаюсь вызвать такой...
1059 просмотров

Сделать непрозрачность с помощью перехода css3 для каждого изображения отдельно
Я хочу изменить непрозрачность при наведении курсора для каждого изображения отдельно, используя переход CSS3. Вот код: <div id="gallary"> <img src="images/1.jpg"/> <img src="images/1.jpg"/> <img...
217 просмотров
schedule 12.01.2023

Animate.CSS добавляет полосу прокрутки?
Я использую Animate.CSS и эффект "петли", чтобы изображение выпадало за пределы экрана. Когда он уходит с экрана, он добавляет на страницу вертикальную полосу прокрутки. При прокрутке ничего не видно. Почему добавляется эта полоса прокрутки и как...
4271 просмотров

Пропуск до конца перехода CSS3
У меня есть приложение, в котором я пытаюсь переключиться с переходов jQuery .animate на CSS3, чтобы переместить список карточек влево/вправо в ответ на жесты смахивания и нажатия кнопок. Сейчас все отлично работает, кроме одного. Я хочу, чтобы...
1997 просмотров
schedule 14.02.2024

Размытый div после преобразования/перехода css
Работаем над ползунком контента, следуя указаниям этой демонстрации http://css3.bradshawenterprises.com/sliding/ Однако в моем случае я заметил, что мой контент, в данном случае несколько div, становится немного размытым после выполнения перехода...
591 просмотров
schedule 15.04.2022

Беспорядок переходов CSS с процентной шириной в Webkit (ошибка?)
У меня есть CodePen здесь: http://codepen.io/CWSpear/pen/BCriE Идея в том, что у приложения есть боковая панель, и вы можете нажать «Развернуть», чтобы сделать область содержимого полной ширины. Если вы хотите по-прежнему открывать боковую...
1608 просмотров
schedule 18.05.2022