Вопросы по теме 'css-transitions'
События перехода CSS3
Есть ли какие-либо события, запускаемые элементом, чтобы проверить, начался или закончился переход css3?
142968 просмотров
schedule
28.06.2022
Анимация CSS3 и обновление DOM
Я новичок в переходах CSS3 и мне интересно, возможно ли это.
Допустим, у меня есть div с двумя дочерними div, например:
<div id="container">
<div id="apple">Apple</div>
<div id="orange">Orange</div>...
116 просмотров
schedule
30.03.2022
Сглаживание перехода при наведении CSS3 при предотвращении сглаживания
В предыдущем вопросе Я выяснил, как исправить сглаживание, вызванное вращением элемента с помощью переходов CSS3 при наведении на элемент. Однако это исправление изменило переход. До исправления переход был плавным от начала до конца. После...
903 просмотров
schedule
03.08.2023
Переместите div с динамической высотой, используя переход javascript и css3
У меня есть div, высота которого меняется в зависимости от его содержимого. Элемент Div расположен внизу за пределами экрана, но когда пользователь нажимает кнопку, элемент div поднимается точно на высоту div. Например, если высота элемента div...
2495 просмотров
schedule
19.04.2023
jquery mobile диалоговый переход справа налево?
Мне нужно создать внешний вид «Facebook iPad» с помощью jQueryMobile. У меня есть небольшой вопрос: как «сложить» страницу поверх текущей страницы моего приложения справа налево? (Мне нужно имитировать тот же эффект, когда вы хотите перейти на...
621 просмотров
schedule
26.05.2023
Можно ли анимировать непрозрачность градиента в CSS3?
Возможный дубликат: CSS3-анимация с градиентами
У меня есть элемент с радиальным градиентом, код выглядит следующим образом:
background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);...
1441 просмотров
schedule
25.07.2023
Переходы jQuery Mobile на странице отдельных элементов перед изменением и изменением страницы
Итак, я использую jQuery Mobile и хочу анимировать отдельные элементы при изменении страницы как до, так и после изменения. Я устанавливаю переходы на «нет» в jQuery moblie, а затем пытаюсь добавить класс в css3, анимирующий отдельные элементы. Он...
378 просмотров
schedule
22.01.2023
CSS-переходы применяются, даже если активированы после изменения состояния?
У меня есть плагин jQuery, который перемещает элемент на экране, но имеет переключатель «анимация», чтобы показать переход слайдов или нет. Пытаясь использовать переходы CSS, а не переходы Javascript для изменения, я столкнулся с этим, и я не уверен,...
909 просмотров
schedule
10.12.2022
Выпадающее меню CSS3 и проблемы с iOS
Я пытаюсь создать раскрывающееся меню навигации с некоторыми переходами CSS3. Однако при использовании видимости скрытой/видимой iOS не отображает раскрывающийся список (он просто переходит по ссылке). Если я использую display none/block, iOS...
2081 просмотров
schedule
13.04.2022
CSS-переход при перемещении поплавка
Я работаю с чем-то вроде этого: http://jsfiddle.net/Hh2Ht/
Как видите, у меня есть группа плавающих элементов одинаковой ширины, но разной высоты. Однако контейнер имеет процентную ширину, и, как следствие, при изменении его размера плавающие...
6190 просмотров
schedule
23.06.2023
Ошибка сафари анимации непрозрачности CSS?
У меня есть простая анимация (в этом примере только для Safari):
h1 {
-webkit-animation: moveDown 1s ease-in-out;
}
@-webkit-keyframes moveDown {
0% {-webkit-transform: translateY(-20px); opacity: 0;}
100% {-webkit-transform:...
5979 просмотров
schedule
30.09.2022
Почему анимация rotateY (flip) css3 мерцает в Chrome?
Я сделал jsFiddle: http://jsfiddle.net/Grezzo/JR2Lu/
Когда вы нажимаете клавишу i на клавиатуре, изображение переворачивается, чтобы показать текст, но во время анимации перелистывания оно мерцает (особенно текст мерцает) при просмотре в Chrome....
4890 просмотров
schedule
03.01.2023
Анимация неанимируемых свойств с помощью переходов CSS3
В моем приложении я анимирую непрозрачность элементов на странице примерно так:
.s {
transition-property: opacity;
transition-duration: 250ms;
}
(конечно, с версиями для конкретных поставщиков). А потом
.s.hidden {
opacity:...
2236 просмотров
schedule
19.10.2022
Добавление элемента в dom и применение класса с помощью jquery не применяет переход css3
Во-первых, моя демонстрация находится здесь: JsFiddle .
Я пытаюсь добавить элемент в дом с помощью jquery, а затем заставить его выполнять анимацию перехода css3. Я не уверен, почему он не работает в первый раз, когда он добавлен. Я нажимаю...
513 просмотров
schedule
29.05.2022
Создайте кросс-браузерную карточку с позиционированием CSS3 без мерцания (проблема с z-индексом / перспективой?)
Текущая попытка получить простой кросс-браузерный 3D-эффект переворота карты CSS3, работающий на моем тестовом сайте.
Результат отлично работает в Firefox, но в WebKit половина изображения по очереди исчезает, а также немного мерцает.
Я уже...
2167 просмотров
schedule
05.03.2023
Использование span с javascript для создания перехода CSS
Используя javascript, я случайным образом выбираю слово из текста в теге html div и окружаю его тегом span. Используя класс тега span, я пытаюсь выполнить CSS-переход цвета слова с черного на красный. Затем я удаляю тег span, чтобы изменить цвет...
477 просмотров
schedule
30.12.2022
Анимация ключевого кадра CSS не работает
Я получил эту анимацию с использованием ключевых кадров, которые не работают в webkit или IE10 (сначала делаю их). Я делаю что-то неправильно?
Спасибо за ваши предложения, ребята!
4052 просмотров
schedule
12.10.2022
Проблема WebKit с изогнутой границей родителя, не обрезающей дочерние элементы, подвергающиеся анимированному преобразованию
Подобно этот вопрос , у меня есть вложенный div, который имеет полную ширину и высоту его родитель. Однако, в отличие от другого вопроса, я хочу анимировать перевод вложенного div, поэтому предлагаемое исправление position:static неприменимо....
757 просмотров
schedule
05.02.2022
Почему переход выполняется при загрузке страницы?
У меня есть навигационное меню с переходами CSS:
nav {
height: 700px;
width: 100%;
background-color: rgb(158, 165, 177);
position: relative;
margin-top: -622px;
-webkit-transition: margin .4s...
96 просмотров
schedule
14.08.2022
Как использовать CSS3 для изменения размера строк таблицы
У меня есть этот jsfiddle , который скрывает строки таблицы.
Я пытаюсь заставить его расширить строку до height=200 вместо того, чтобы скрывать ее.
Не стесняйтесь предлагать более простой способ сделать это (html5 и т. д.).
520 просмотров
schedule
14.02.2023
