Вопросы с тегом «css-transitions»

В скрипте ниже у меня есть отдельные переходы между видимостью и непрозрачностью. Последнее работает, а первое - нет. Более того, в случае видимости время перехода интерпретируется как задержка при зависании. Происходит как в Chrome, так и в Firefox. Это ошибка? http://jsfiddle.net/0r218mdo/3/ Случай 1: #inner{ visibility:hidden; transition:visibility 1000ms; } #outer:hover #inner{ …

104 css  css-transitions 

Можно ли получить уведомление (например, обратный вызов), когда переход CSS завершен?

100 javascript  css  css-transitions 

Я пытаюсь реализовать эффект постепенного исчезновения на чистом CSS. Вот скрипка . Я изучил пару решений в Интернете, однако, прочитав документацию в Интернете , я пытаюсь понять, почему анимация слайдов не работает. Есть указатели? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap …

96 css  css-transitions 

Событие завершения перехода Webkit называется webkitTransitionEnd, Firefox - transitionEnd, Opera - oTransitionEnd. Как лучше всего решить их все на чистом JS? Стоит ли анализировать браузер? или реализовать каждый отдельно? Другой способ, который мне не приходил в голову? то есть: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) …

91 javascript  css  css-transitions  dom-events 

Я переезжаю 6000 небольших элементы DIV в эксперименте с использованием CSS3 перехода от top: 0к top: 145pxк тесту производительности. Не используя нет аппаратного-ускорения работает гладкая на Google Chrome. Если я включаю аппаратное ускорение через translateZ(0)производительность, становится ужасно. Почему это так? Вот мой пример кода: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Обновление (13 ноября 2014 г.): …

82 css  css-transitions  hardware-acceleration 

У меня вопрос о скорости рендеринга свойства перехода css3. Предположим, у меня есть несколько элементов: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Гораздо эффективнее нацелить все переходы для всех этих элементов с …

82 performance  css  css-transitions 

Я использую переходы CSS для перехода между преобразованными состояниями CSS (в основном изменяя масштаб элемента). Я замечаю, что при переходе элемента остальной текст на странице (в Webkit) имеет тенденцию немного изменять его отображение, пока переход не будет выполнен. Сценарий: http://jsfiddle.net/russelluresti/UeNFK/ Я также заметил, что этого не происходит с моими заголовками, …

81 css  webkit  css-transitions  css-transforms 

Я кодировал скрипт (с помощью пользователя здесь), который позволяет мне расширять выбранный div и заставлять другие div вести себя соответствующим образом, растягивая в равной степени, чтобы соответствовать оставшемуся пространству (кроме первого, ширина которого фиксирована). И вот картина того, чего я хочу добиться: Для этого я использую flex и переходы. Это …

9 javascript  jquery  css  flexbox  css-transitions