Добавить ефект опоздания CSS

голоса: 0

Как добавить вот такой еффект меню

Вот меню до наводки курсора

Навел курсор на пунк меню

Убираю курсор и зеленая подсветка изчезает

КАК зделать что после того как я убирал курсор подсветка держалась доли секунды. Так как бы опоздывает за курсором

Кажется для ришение нужен только CSS

Зарание спасибо

Адрес сайта http://ukr-files.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Найдите в стилях строку номер 239:

ul.uMenuRoot > li > a {
 font-size: 90%;
 text-decoration: none;
 display: block;
 color: #000;
 padding: 0 20px;
 margin: 0 0 0 0;
 line-height: 50px; 
 }

замените стили выше на:

ul.uMenuRoot > li > a {
 font-size: 90%;
 text-decoration: none;
 display: block;
 color: #000;
 padding: 0 20px;
 margin: 0 0 0 0;
 line-height: 50px;
 -webkit-transition: all 1.0s; 
 -moz-transition: all 1.0s; 
 -o-transition: all 1.0s; 
 transition: all 1.0s; 
 }

после появится именно тот эффект который вы хотите. Более детальней читаем в материале - http://htmlbook.ru/css/transition

| Автор:
Выбор ответа лучшим | | Автор: ARNI
...