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

CSS3 Эффект Кена Бёрна приостанавливается при прокрутке страницы, затем воспроизводится снова для плавной анимации.
Я создал CSS3 эффект Кена Бёрна с помощью других участников этого сообщества. Это было отрывисто, пока мы не перешли на переводную анимацию. Теперь очень гладко. http://jsfiddle.net/gxUhH/52/ Проблема в том, что при прокрутке страницы на...
590 просмотров

Соображения по поводу производительности перехода CSS3
В рамках проекта, который должен поддерживать мобильные устройства, я работал над имитацией управления переключением iPhone с помощью CSS3. У меня в значительной степени есть внешний вид элемента, и я использую переходы CSS3 для анимации изменения...
16113 просмотров
schedule 31.10.2021

Как определить конец перехода без библиотеки JavaScript?
Я хотел бы удалить объект после завершения анимации с переходом CSS, но я не могу использовать библиотеку JavaScript. Как определить, когда анимация завершена? Я как-то использую обратный вызов или настраиваемое событие ?
8019 просмотров

Перевести x и y с разными функциями времени?
В настоящее время я использую следующий код для перевода x и y с одинаковой скоростью: -webkit-transition:all 180ms ease-out; Я хотел бы перевести ось X медленнее, чем Y. Можно ли указать что-то похожее на: -webkit-transition:translateX...
5240 просмотров
schedule 28.11.2021

addClass removeClass с jQuery для анимации
СМОТРЕТЬ МОЙ ОТВЕТ НИЖЕ Я реализую свой собственный скользящий переход страницы с помощью CSS, используя jQuery, и у меня возникает следующая проблема: Я использую метод addClass, и он работает при первом запуске ссылки для динамической...
883 просмотров
schedule 25.10.2021

Ошибка преобразования Chrome CSS3 3D
У меня есть css, чтобы перевернуть карточку на элементе в трехмерном пространстве. Он отлично работает, за исключением того, что когда вы прокручиваете страницу вверх и вниз, вы случайным образом получаете белые элементы, отображаемые на странице в...
1701 просмотров

CSS-переход вызывает сбой анимации jQuery
У меня проблемы с переходом CSS (чтобы масштабировать div до исходного размера 1.05), чтобы он хорошо воспроизводился вместе с анимацией jQuery на странице ниже: http://www.griffinlive.com/video-packages Вы можете увидеть переход CSS в...
246 просмотров
schedule 17.09.2021

Добавьте класс в ‹html› по щелчку ссылки и добавьте задержку Перенаправление (страница исчезновения)
Пытаюсь добавить переходы между страницами. Переход fadeIn выполняется с помощью загрузчика WebFont и анимации CSS. Я хочу добавить класс к тегу html при щелчке по ссылке и подождать 1 секунду (для анимации CSS fadeOut), а затем перенаправить на...
2039 просмотров

стиль кнопки начальной загрузки анимации при изменении класса
Я хотел бы анимировать фон, когда я меняю класс кнопок .btn, например, переходя с .btn-primary с загрузкой на .btn-success или .btn-dangerous. Прямо сейчас, если я добавлю -webkit-transition: background 1s linear к классу .btn и использую js для...
2039 просмотров

HTML5 swipe.js css3-переходы; закадровый рендеринг и кеширование элементов страницы
Я создаю журнал HTML5 для планшетов и настольных компьютеров с использованием swipe.js ( http://swipejs.com ). Кажется, все работает нормально. На одной HTML-странице я установил рядом друг с другом элементы полноэкранного списка. Весь журнал...
3409 просмотров

Единицы измерения при переходе через 0 секунд в Firefox
Почему следующий переход не работает в Firefox без модулей? Как только вы добавите единицы, он работает. Похоже, что другие основные браузеры безразличны к единицам. Насколько мне известно, это единственный пример времени перехода «0» без единиц...
1470 просмотров
schedule 18.09.2021

jQuery Masonry и CSS3
Как мне сохранить макет кладки, но при этом задействовать переход CSS3 с текущими изображениями? Вот мой HTML <body> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"...
2814 просмотров

Создание круга с пунктирной рамкой в ​​css и анимация при наведении курсора
Я пытаюсь оживить круг css. Когда пользователь наводит на него указатель, граница круга должна стать пунктирной линией, и она должна оживать, как вращающееся колесо. Я могу заставить его вращаться в течение заданного времени, но я не мог найти...
9522 просмотров
schedule 20.11.2021

Эффекты наведения CSS3 странным образом влияют на другие элементы в Chrome
Я только что стилизовал одно из своих изображений с помощью этого эффекта наведения CSS3: http://tympanus.net/Tutorials/OriginalHoverEffects/index2.html Проблема в том, что в Chrome некоторые другие элементы на странице, похоже, подвержены этому...
2078 просмотров
schedule 20.11.2021

Переходы CSS3 работают только с первым элементом в Safari.
У меня возникла странная проблема с моим кодом в safari. Я создал jsbin, и проблема тоже существует: http://jsbin.com/aseced/8/edit Версия Safari: 5.1.7 Вы можете взглянуть? Спасибо TJL РЕДАКТИРОВАТЬ: заголовок должен опускаться...
387 просмотров
schedule 03.12.2021

jQuery add / removeClass не запускает переходы CSS для свойства 'right'
Я пытаюсь иметь предварительно созданные классы, которые я могу менять местами с помощью jQuery и тем самым запускать анимацию с помощью jQuery, которая определена в CSS. Но по какой-то причине, когда я использую addClass или removeClass, так что это...
1506 просмотров
schedule 26.11.2021

Эффект смахивания / переворота карты с использованием CSS
Я пытаюсь выяснить, как выполнялся эффект смахивания / переворота карты, как показано на этом сайте: http://catalystconference.com/ (в разделе «Наше избранное» и подобных). Можно ли этого добиться, используя только CSS?
3618 просмотров
schedule 29.11.2021

Затухание, затем постепенное проявление элемента с использованием перехода CSS3
Мой вопрос Можно ли временно скрыть элемент, а затем снова показать его через X миллисекунд с помощью CSS3? Краткое объяснение ... В настоящее время я создаю адаптивный сайт, на котором боковая панель меняет размер в зависимости от размера...
2840 просмотров
schedule 05.09.2021

О backface-visibility: скрыто;
Почему это свойство требуется в Chrome при переходах? Без него переходы выполняются очень медленно, особенно в мобильных браузерах. Как это свойство или его отсутствие влияет на производительность? В документах говорится Это свойство не...
447 просмотров
schedule 06.10.2021

CSS-переход не срабатывает с непрозрачностью + отображение
Я пытаюсь скрыть модальное окно при нажатии на него, чтобы работа на мобильных устройствах была гладкой. Я устанавливаю для непрозрачности значение 0 и значение «Нет» для отображения. Одной настройки непрозрачности недостаточно, так как это делает...
1010 просмотров
schedule 07.09.2021