Запитання з тегом «css-transitions»

Я намагаюся зробити <ul>слайд вниз за допомогою переходів CSS. Старти <ul>починаються о height: 0;. При наведенні на висоту встановлюється висота height:auto;. Однак це змушує його просто з'являтися, а не переходити, Якщо я зроблю це з height: 40px;до height: auto;, то він буде ковзати вгору height: 0;, а потім раптом стрибати …

2134 css  css-transitions 

Наразі я розробляю CSS-меню «мега-спадне меню» - в основному звичайне спадне меню, що використовується лише для CSS, але таке, яке містить різні типи вмісту. На даний момент, здається , що CSS 3 переходи не застосовуються до властивості «відображення» , тобто, ви не можете зробити якийсь - або переходу від display: …

1446 css  css-transitions 

Я не можу знайти правильний синтаксис для стенограми переходу CSS з кількома властивостями. Це нічого не робить: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } …

519 css  webkit  css-transitions  shorthand 

Чи можна використовувати переходи CSS, щоб дозволити розширенню текстового абзацу на завантаженні сторінки? Мені дуже подобається, як це виглядало на http://dotmailapp.com/, і я хотів би використовувати подібний ефект за допомогою CSS. З цього часу домен був придбаний і більше не має згаданого ефекту. Заархівовану копію можна переглянути на машині Wayback …

442 css  css-transitions  opacity 

Це досить просте запитання, але я не можу знайти дуже гарну документацію про властивості переходу CSS. Ось фрагмент CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; …

327 animation  css  css-transitions 

Я намагаюся перейти на курсор на курсорі з допомогою css над мініатюрою, так що на наведення курсора фоновий градієнт зникає. Перехід не працює, але якщо я просто зміню його на rgba()значення, він працює добре. Не підтримуються градієнти? Я також спробував використати зображення, воно також не перейде. Я знаю, що це …

215 css  gradient  css-transitions 

Чи можливо використовувати анімацію переходу CSS3 для завантаження сторінки без використання Javascript? Це щось таке, що я хочу, але при завантаженні сторінки: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Що я знайшов поки що CSS3 перехід-затримка , спосіб затримки впливу на елементи. Працює лише на наведення. CSS3 Keyframe , працює на навантаженні, але надзвичайно повільний. Не …

196 css  webkit  css-transitions  css-animations 

Чи є події, запущені елементом, щоб перевірити, чи почався чи закінчений перехід css3?

190 javascript  events  css  transition  css-transitions 

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

177 css  css-transitions 

Отже, я розумію, як виконувати як переходи CSS3, так і анімації. Що не зрозуміло, і я гуглив, це коли використовувати. Наприклад, якщо я хочу зробити кульовий відмов, зрозуміло, що анімація - це шлях. Я можу надати ключові кадри, і браузер зробить проміжні кадри, і у мене буде хороша анімація. Однак …

157 css  css-transitions  css-animations 

Я намагаюсь зробити ефект "затухаючого вицвітання" за допомогою переходу CSS. Але я не можу змусити це працювати з фоновим зображенням ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; …

121 css  background  background-image  css-transitions 

Отже, у мене є наступні переходи css, приєднані до елемента: 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:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Чи є спосіб відключити ці успадковані переходи на конкретних елементах? a.tags { …

117 css  transitions  css-transitions 

.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; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Чому це породжує непрозорість лише під час введення вказівника, а не тоді, коли я залишаю об'єкт мишею? Демонстрація тут: http://jsfiddle.net/7uR8z/ Сігналы …

115 css  css-transitions 

У чому різниця між CSS3 переходів ease-in, ease-outі т.д.?

113 css  css-transitions 

Я хотів би застосувати перехід CSS до всіх властивостей, крім позиції фону. Я намагався зробити це так: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: …

108 css  css-transitions