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

Переходы CSS позволяют изменения свойств в значениях CSS выполняться плавно в течение заданной продолжительности.
48

Как переместить высоту: 0; высота: авто; используя CSS?

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

Переходы на дисплее: свойство

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

Сокращение перехода CSS с несколькими свойствами?

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

Использование CSS для усиления эффекта при загрузке страницы

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

Как иметь несколько переходов CSS в элементе?

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

Используйте переходы CSS3 с градиентным фоном

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

События перехода CSS3

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

css3 переход анимации при загрузке?

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

Вставка CSS 3 с левого перехода

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

Предотвращение мерцания на webkit-переходе webkit-transform

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

CSS: анимация против перехода

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

Отключить/отключить унаследованные переходы CSS3

Итак, у меня есть следующие 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...
09 июл. '11 в 11:33
5

Обратный вызов перехода CSS

Возможно ли получить уведомление (например, обратный вызов) при завершении перехода по CSS?
18 янв. '10 в 16:27
10

Как нормализовать функции CSS3 Transition в браузерах?

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

CSS: непрозрачность перехода при выводе мыши?

.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; ...
12 мая '12 в 16:43