Страницы

Поиск по вопросам

пятница, 15 февраля 2019 г.

Hover-антипод, как сделать при отведении мыши обратный эффект медленным?

Хотел сделать чтобы при наведении менял цвет, а при отведении с такой же скоростью обратно. Но получилось что обратно он возвращает цвет моментально, подскажите как сделать?
a { font-family: pf_square_sans_proregular; text-decoration: none; color: #000000; padding: 7.5px 10px 7.5px 8px; height: 30px; width: 222px; display: block; } a:hover, li { background: #171B25; transition: all 2s ease; } a:hover .text { color: white; transition-duration: 0.5s; }



Ответ

a { font-family: pf_square_sans_proregular; text-decoration: none; color: #000000; padding: 7.5px 10px 7.5px 8px; height: 30px; width: 222px; display: block; transition: all 2s ease; } a:hover, li { background: #171B25; } a:hover .text { color: white; transition-duration: 0.5s; }


Transition перенести необходимо

Комментариев нет:

Отправить комментарий