webew
Войти » Регистрация
 
CSS

transition

20 ноября 2012, 21:32
Автор: knoot0279
Недавно нашел удивительную вещь... "transition"
долго мучился, вертел и так и эдак, но увы не смог заставить элементы исчезать и появляться плавно...
transition: all/*все изменения*/ 1s/*выполнить за 1сек.*/ 0s/*задержка 0сек.*/

Вопрос такой... возможо ли при помощи transition выполнить плавное исчезновение(например дивов(div))?
Если нельзя, то какие могут быть решения?
как осуществить изменение из например
width: 0px; height: 0px;
в
width: 50px; height: 50px;
я понимаю, но думаю что это решение не лучшее...

То что это работает не во всех браузерах меня никак не настораживает... т.к изначально меню работает на чистом CSS и в случае отсутствия понимания transition будет задействован стандартный вариант.

Может есть какие то идеи?
Смысл в том, чтобы без использования JS заставить под-меню исчезать не мгновенно.

Добавить комментарий

1234ru

transition действует только при изменении класса или псевдокласса элемента. То есть, должно быть что-то типа

.menu:hover {
    // тут CSS, описывающий transition,
    // которая будет действовать при наведении
}


Ну или можно описать в CSS специальный класс для целевого элемента, который присваивать javascript'ом по какому-нибудь событию - тогда будет включаться анимация.
То, что не убивает нас, делает нас инвалидами.
28.11.2012, 20:08
Ответить
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: