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

Я пытаюсь сделать слайд <ul> с помощью переходов CSS. <ul> начинается с height: 0; , При зависании высота устанавливается на height:auto; , Однако это заставляет его просто появляться, а не переход, Если я делаю это с height: 40px; hei...

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

Я не могу найти правильный синтаксис для перехода CSS сокращенного с несколькими свойствами. Это ничего не делает: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transitio...

Можно ли использовать CSS-переходы, чтобы позволить текстовому абзацу постепенно появляться при загрузке страницы? Мне очень нравится, как он выглядит на http://dotmailapp.com/, и я хотел бы использовать подобный эффект с помощью CSS. С тех пор доме...

Это довольно простой вопрос, но я не могу найти очень хорошую документацию по свойствам перехода CSS. Вот фрагмент CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8e...

Я пытаюсь перейти при наведении курсора на миниатюру, чтобы при наведении фоновый градиент исчез. Переход не работает, но если я просто изменил его на значение rgba(), он работает нормально. Градиенты не поддерживаются? Я тоже попробовал использоват...

Есть ли какие-либо события, инициированные элементом, чтобы проверить, начался или закончился переход css3?

Можно ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? Это то, что я хочу, но при загрузке страницы: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Что я нашел до сих пор задержка перех...

Есть ли кросс-браузерное решение для создания перехода в режиме слайда только с CSS, без javascript? Ниже приведен пример содержимого html: <div> <img id="slide" src="http://.../img.jpg /> </div>

Возможный дубликат: iphone webkit css анимации вызывают мерцание По какой-то причине, прямо перед моей анимацией свойства webkit-transform происходит небольшое мерцание. Вот что я делаю: CSS #element { -webkit-transition: -webkit-transfo...

Итак, я понимаю, как выполнять как CSS3-переходы, так и анимации. Что непонятно, и я googled, когда использовать. Например, если я хочу сделать отскок мяча, ясно, что анимация - это путь. Я мог бы предоставить ключевые кадры, и браузер будет делать ...

Итак, у меня есть следующие css-переходы, присоединенные к элементу a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:co...

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

Событие окончания перехода Webkit называется webkitTransitionEnd, Firefox - это transitionEnd, опера - это oTransitionEnd. Что является хорошим способом решения всех из них в чистом JS? Должен ли я делать анализ браузера? или реализовать каждый по от...

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; ...