Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
liuvian
0 / 0 / 0
Регистрация: 23.10.2016
Сообщений: 1
#1

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

23.10.2016, 14:47. Просмотров 126. Ответов 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-анимация
Всем привет! Не понимаю почему игнорируется css transition: <!DOCTYPE html>...

Анимация и CSS
Здравствуйте, нужно сделать анимацию с помощью .animate(), при которой текст...

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

Как повесить css animation на событие hover в jQuery, чтобы анимация проигрывалась до конца
Есть анимация в CSS с помощью animation и ключевых кадров. Анимация срабатывает...

Css 3 анимация
Нигде не нашел ответ прошу помощи. Как реализовать задержку старта анимации....

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

1
Azdeman
Фрилансер
Эксперт HTML/CSSЭксперт PHP
1734 / 1277 / 579
Регистрация: 12.01.2011
Сообщений: 5,074
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 анимация
Делаю прелоадер на страницу. Сделала вот такой, но попросили задействовать...

Анимация CSS
Подскажите анимацию CSS.На картинке есть кнопка подскажите анимацию что бы при...

CSS анимация
<div id="middlemenu"> <ul id="iconmenu"> <li> ...

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


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

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

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