Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 34, средняя оценка - 4.62
Desent
2 / 2 / 1
Регистрация: 07.06.2014
Сообщений: 49
#1

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

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

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

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

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

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

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

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

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

1
dimadyak
8 / 8 / 6
Регистрация: 08.04.2014
Сообщений: 54
15.07.2014, 09:29 #2
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
на счет картинки может быть так 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
Привет! Вот еще темы с ответами:

Плавное появление элементов - HTML, CSS
Как осуществить появления всех элементов также, как на примере. Плавное появление надписи, кнопки и т.д. http://rp-gameworld.ru/

Плавное появление/исчесновение блока со свйством display:none - HTML, CSS
Доброго времени суток! Возникла необходимость в плавном появлении блока при наведении на блок родителя, причем родитель тоже должен быть...

Анимация: плавное исчезновение и быстрое появление элементов - HTML, CSS
Наткнулся я на сайт http://www.lua.ru и увидел там необычную, по крайней мере для меня, анимацию. Вверху есть пункты &quot;скачать,...

Плавное появление блоков при прокрутке страницы - HTML, CSS
Всем доброго времени суток. Поставили задачу, чтобы все блоки страницы появлялись плавно при прокрутке. Нашел прекрасную статью ...


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

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

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