Вопросы с тегом '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