суббота, 06 июня 2015
23:23

совет по плавной трансформации

все записи пользователя в сообществе SnezhArt
don't keep calm and fuck them all
здравствуйте!
прошу совета по использованию transition, пожалуйста!
прочитала кучу материала, но так и не улавливаю как сделать плавную трансформацию в конце, когда указатель убирается с ссылки. тт_тт
можно посмотреть проблему у меня в дневнике на панели меню. полоски под ссылками появляются плавно, а исчезают мгновенно, а нужно чтобы тоже плавно. :thnk:

@темы: основные блоки

URL
Комментарии
06.06.2015 в 23:58

Тайя.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Мне кажется, проблема в том, что полоски есть при наведении, а просто на пунктах нет, таким образом, убирая мышку, мы сразу же возвращаем пункт меню к исходному состоянию. Я бы предложила такой вариант:

#mainpageLink {position: absolute; top: 407px; left: 310px;border-bottom: solid 3px #fff !important; padding-bottom:0px !important; transition: 0.5s;}
#mainpageLink:hover {color: #b17a7a !important; border-bottom: solid 3px !important; padding-bottom: 13px !important; }

Transition присваивается пункту меню (а не hover), делаем на 0px белую границу, чтобы не видна была, и тогда она будет плавно возвращаться наверх к исходному состоянию. Правда, виден переход цвета.
URL
07.06.2015 в 07:49

SnezhArt
don't keep calm and fuck them all
Тайя, которая душит романтиков, с меню попробую такое провернуть, но с просто выделением ссылок (без бордера) это уже не применишь. :hmm:
URL
07.06.2015 в 08:50

SnezhArt
don't keep calm and fuck them all
Тайя, которая душит романтиков, с менюшечкой теперь все плавно. спасибо *_* переход цвета выглядит не страшно, а очень даже вполне.
URL
07.06.2015 в 17:03

polishastik
Even on the worst days, there's a possibility for joy.
Чтобы плавным был переход цвета и при наведении на ссылку и при отведении мышки, transition нужно задавать как для ссылки в обычном состоянии, так и для hover.
URL
07.06.2015 в 17:27

SnezhArt
don't keep calm and fuck them all
polishastik, омг, а вот и секрет! спасибо большое!!
URL
07.06.2015 в 18:15

Тайя.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Я обычно задаю только самому элементу, и при наведении получается плавно в обе стороны.
URL