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

Сбои при использовании CSS-переходов/перевода на iPad при прокрутке страницы
Я заметил, что, оптимизируя анимацию для использования на iPad с помощью аппаратного ускорения, я столкнулся с проблемой, которую не смог полностью решить. Если вы применяете преобразования webkit, такие как перевод, хотя анимация работает отлично,...
1421 просмотров

Видео HTML5 вызывает странный сбой в CSS: переход при наведении курсора, плохо работает в разных браузерах.
Моя главная страница находится здесь: http://thenozzle.net/ Логотип в верхней части страницы представляет собой спрайт, который переключается между верхом и низом, создавая эффект свечения. Это делается с помощью перехода css и псевдоэлемента...
750 просмотров
schedule 28.04.2022

Почему происходит переход при отображении элемента после установки свойства, когда элемент скрыт?
Живой пример можно увидеть здесь . Красный квадрат (показан) находится прямо над зеленым квадратом (скрыт из-за переполнения). Нажмите на квадрат, и оба цветных квадрата мгновенно станут полностью прозрачными. Кроме того, высота красного...
311 просмотров
schedule 17.02.2024

Переходы CSS3 не работают на кнопке
У меня есть относительно сложная кнопка, которую я оформляю с помощью CSS3, она выглядит и ведет себя так, как я предполагал, за исключением того, что переходы не работают. Он должен исчезать при наведении курсора и т. д., но он просто не работает,...
1717 просмотров
schedule 09.05.2024

обнаружение поддержки перехода css с помощью modernizr
Я собираюсь использовать переход css и плагин jquery в качестве запасного варианта для браузеров, которые его не поддерживают. Я хочу использовать modernizr для обнаружения поддержки перехода css. Загружать всю библиотеку для этого излишне, я хочу...
11217 просмотров
schedule 21.10.2022

Панель не меняет размер после замедления / перехода
У меня есть эти файлы HAML (A) и Sass (B) (с использованием i. Compass и ii. Ceaser-easing-0.2 в фоновом режиме). В соответствии с этим примером я хочу анимировать (расширять / сжимать по горизонтали) левую панель и автоматически изменять размер...
355 просмотров
schedule 18.09.2022

Наведение курсора на переход CSS в Safari делает определенный цвет шрифта светлее
В моем CSS я определил переход для класса. По какой-то причине, когда я наводил курсор на класс с переходом, transition-duration по какой-то причине меняет цвет шрифта в другом месте (заполнители форм и некоторые ссылки). (Насколько я могу судить,...
18005 просмотров
schedule 12.04.2023

Анимация затухания CSS 3 при наведении — проблема в Opera
Итак, у меня есть такие правила: a{ background-color: transparent; -webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; -ms-transition:...
1121 просмотров
schedule 02.09.2022

Переходы CSS не работают, если они назначены через JavaScript
У меня возникла серьезная головная боль при попытке применить переходы CSS3 к слайд-шоу через JavaScript. По сути, JavaScript получает все слайды в слайд-шоу и применяет классы CSS к правильным элементам, чтобы создать приятный анимированный...
23172 просмотров
schedule 28.10.2022

Являются ли свойства CSS3, такие как анимация, слишком ресурсоемкими для ЦП?
не замедлит ли этот повторяющийся код анимации мою систему?: @-webkit-keyframes animate {-webkit-animation-iteration-count:infinite;...} Все ли свойства CSS3 интенсивно используют ЦП? Спасибо.
9218 просмотров

Переход Css3 только в масштабе
Мне не хватает чего-то очевидного. Но переход только по одному элементу здесь не работает. Вот мой код. #navigatore-servizi ul li a { color: #fff; text-decoration: none; text-shadow: 0 -1px 0 #008; display:block;...
72902 просмотров
schedule 10.02.2024

Переход CSS3: разные переходы для *IN* и *OUT* (или возврат из состояния перехода)
Исходный вопрос... обновленный рабочий код ниже: У меня есть загрузочное изображение, которое появляется во время события загрузки ajax. Изображение отображается/скрывается путем добавления или удаления класса «загрузки» в элемент body. В...
39975 просмотров

Нужно затухать в каждом круге 1 за другим с помощью jQuery
Это расширение предыдущего вопроса, на который вчера был дан ответ, который можно найти здесь: Расширяющиеся круги с анимацией CSS3 Но теперь клиент запросил, чтобы каждый круг и текст исчезали один за другим, но сохраняя растущую анимацию. Я...
1410 просмотров

CSS Transition работает в Chrome, но не в Firefox или Safari?
Я следил за документацией сети разработчиков Mozilla и создал переход для изменения моих изображений. Кажется, они нормально работают в Chrome (19?), Но не в Firefox 11 (или любом другом браузере). Я создал тестовый пример здесь, на jsfiddle -...
946 просмотров
schedule 17.05.2023

Проблема с CSS3 3D webkit
Я создал скрипт для своей проблемы здесь http://jsfiddle.net/aakashgoel/ZcF4N/ 3D-рендеринг отлично работает в Mozilla Firefox, но не работает в Google Chrome. Какие из используемых там свойств не поддерживаются Chrome? Изменить: ожидаемый...
299 просмотров

Переход CSS3 фонового изображения для Firefox не работает
Мой переход фонового изображения отлично работает в Chrome, но ничего не делает в Firefox. Я новичок в переходах CSS3. Провел исследование, и мой синтаксис кажется правильным. Из того, что я прочитал, FF должен поддерживать это. У меня ФФ 12.0....
12306 просмотров
schedule 03.07.2023

Могут ли элементы с поддержкой CSS3 выполнять переход позиции?
Я просто играл со своим сайтом-портфолио и заметил, что когда мой экран (Google Chrome) был увеличен до 400% и сфокусирован на нижнем колонтитуле, у меня есть некоторые элементы, которые не соответствуют плавной сетке. Я знаю, что мне нужно найти...
239 просмотров
schedule 09.02.2023

переход непрозрачности фонового изображения при наведении с помощью CSS3
Я пытаюсь использовать непрозрачность фонового изображения (от 0 до 100%), когда пользователь наводит курсор на ссылку. У меня есть что-то вроде этого: <div class="menu"> <ul class="sf-menu"> <li class="page_item...
16409 просмотров

CSS-переход через отрицательное верхнее/левое абсолютное положение
http://jsfiddle.net/KgcM9/1/ Я хотел бы навести указатель мыши на <header> , и изображение переходит через верхнюю часть экрана, а затем снова появляется слева от экрана в исходное положение. Проблемы с вышеуказанной скрипкой...
1191 просмотров
schedule 07.08.2023

Переход CSS3 rotateY неправильно вращается вокруг оси Y
У меня есть следующий код: http://jsfiddle.net/RFMxG/1/ Когда переход выполняется, вы можете увидеть отступ около 20-30 пикселей с левой стороны. Несмотря на то, что я установил для свойства преобразования значение 0,0,0, оно по-прежнему...
203 просмотров
schedule 22.03.2023