С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.63/30: Рейтинг темы: голосов - 30, средняя оценка - 4.63
Desent
3 / 3 / 1
Регистрация: 07.06.2014
Сообщений: 53
1

Как сделать плавное появление пунктов выпадающего меню

15.07.2014, 08:50. Просмотров 5623. Ответов 1
Метки нет (Все метки)

То есть, при наведении на ссылку появляется сначала первый пункт, потом через секунду второй, еще через секунду- третий. И еще, как сделать плавное изменение прозрачности при наведении на картинку (чтоб сначала, например, прозрачность была 50%, и так постепенно, через заданный мной промежуток времени прозрачность стала 0%). Резкое изменение я сделать могу, но с задержкой, а тем более плавное изменение- нет.
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
15.07.2014, 08:50
Ответы с готовыми решениями:

Как сделать плавное появление страницы
Нужно чтобы при открывание станицы она открывалась плавно, что-то на подобии...

Как сделать плавное появление панели?
Сейчас панель появляется моментально. Ниже, в css есть код...

Как сделать скругленные углы у фона выпадающего меню?
Как сделать скругленные углы у фона выпадающего меню? Смотрел сайты где имеется...

как сделать выравнивание у подразделов выпадающего меню постарался дать максимальные комментарии
Сделал выпадающее меню. Но: 1) не могу правильно сделать ширину у выпадающего...

Изменить горизонтальное меню - сделать автозакрытие выпадающего меню после отвода курсора
Вообщем что имеем: http://test.aowserv.ru имеется горизонтальное меню, при...

1
dimadyak
8 / 8 / 6
Регистрация: 08.04.2014
Сообщений: 54
15.07.2014, 09:29 2
Лучший ответ Сообщение было отмечено Desent как решение

Решение

на счет картинки может быть так http://jsbin.com/yalazali/1/edit?html,css,output

HTML5
1
<img src="http://lorempixel.com/400/200"" alt="">
CSS
1
2
3
4
5
6
7
8
9
10
11
img {
   opacity:.5;
 -webkit-transition: opacity 1s ease 0.2s;
     -moz-transition: opacity 1s ease 0.2s;
     -o-transition: opacity 1s ease 0.2s;
     transition: opacity 1s ease 0.2s;
}
 
img:hover {
  opacity:0;
}
в старых браузерах не работает
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
15.07.2014, 09:29

Плавное появление элементов
Как осуществить появления всех элементов также, как на примере. Плавное...

Hidden и плавное появление
Привет всем, помогите пожалуйста, нужно сделать плавное появление блока. Демка...

Плавное появление букв
Друзья, подскажите, пожалуйста, как можно сделать плавное появление текса слева...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru