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

JavaScript

Войти
Регистрация
Восстановить пароль
 
liuvian
0 / 0 / 0
Регистрация: 23.10.2016
Сообщений: 1
#1

Анимация на css - JavaScript

23.10.2016, 14:47. Просмотров 112. Ответов 1
Метки css, html (Все метки)

Всем добрый день!
Подскажите пожалуйста, хочу сделать следующую анимацию:

1) При наведении мыши на главное меню в определенной области показывалось изображение.
2) Классно, если изображение будет появляться в течении 5-7 секунд снизу-вверх. Именно не выезжало, а больше как opacity?.

Буду рад любым советам или наставлениям, где как лучше это реализовать.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.10.2016, 14:47
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Анимация на css (JavaScript):

Не работает css-анимация - JavaScript
Всем привет! Не понимаю почему игнорируется css transition: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

Анимация и CSS - jQuery
Здравствуйте, нужно сделать анимацию с помощью .animate(), при которой текст исчезал бы выходя из блока. При этом исчезал не с помощью...

Анимация свойства css через jquery - jQuery
У меня есть картинка, которая должна сначала увеличиться, потом чуть уменьшиться и опять увеличиться. Увеличение я написал. А вот...

Css 3 анимация - HTML, CSS
Нигде не нашел ответ прошу помощи. Как реализовать задержку старта анимации. Либо скрыть само изображения до окончания delay. При...

CSS анимация - HTML, CSS
Всем привет, есть следующая анимация: <div class="image-placeholder"> <div class="image img1"> <img...

Анимация css - HTML, CSS
Ребятки, проблема с анимацией CSS. Я в этой теме плаваю, поэтому много вопросов возникает. Хочу сделать следующее: при наведении на объект...

1
Azdeman
Фрилансер
Эксперт HTML/CSSЭксперт PHP
1724 / 1267 / 345
Регистрация: 12.01.2011
Сообщений: 5,039
23.10.2016, 18:27 #2
Цитата Сообщение от liuvian Посмотреть сообщение
При наведении мыши на главное меню в определенной области показывалось изображение.
CSS
1
2
3
#block:hover{
background-image: url(путь к файлу) | none | inherit;
}
http://htmlbook.ru/css/background-image

Добавлено через 25 секунд
Цитата Сообщение от liuvian Посмотреть сообщение
2) Классно, если изображение будет появляться в течении 5-7 секунд снизу-вверх. Именно не выезжало, а больше как opacity?.
я бы применил Js.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.10.2016, 18:27
Привет! Вот еще темы с ответами:

CSS анимация - HTML, CSS
Всем привет! Изучаю web программирование. Буду краток: как мне сделать так, чтобы при наведении на элемент, он сначала увеличился, потом...

Анимация css - HTML, CSS
Здрраовствуйте, уважаемые форумчане. Недавно углубившиюсь в азы анимации на css понял -- отличная штука :). Наткнулся на...

CSS анимация - HTML, CSS
<div id="middlemenu"> <ul id="iconmenu"> <li> <a href="#"...

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


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

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

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