Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как добавить плавность появления и исчезновения?

Как добавить плавность появления и исчезновения?


     05.04.2016    Стили (CSS)    580

вопрос
Приветствую, всё никак не могу найти решение, нужно добавить плавность появления и исчезновения при наведении мыши, если на появление анимации ещё получается, то на исчезновение никак. По возможности хотелось бы конечно реализовать всё это посредством CSS.
Есть такая конструкция:

html:
<div id="block_1">
         Нужная нам информация
                 <div id="block_2">Требуется отобразить текст</div>
</div>

CSS:
#block_2{display:none;}
#block_1:hover #block_2{display:block;}

Ответа пока нет


Комментарии пользователей (5)

inweid
6

inweid - 5 апреля 2016 20:25 - Юзер

Боюсь ошибиться, но попробуйте добавить к #block_2
-webkit-transition: .3s all;
-moz-transition: .3s all;
transition: .3s all;

follor
1

243 | 10

follor - 5 апреля 2016 20:29 - Юзер

Пробовал, это не работает к сожалению

Westus
4

189 | 28

Westus - 5 апреля 2016 21:15 - Юзер

На css долго делать. Вот нашел на js http://jsbin.com/voquweguso/edit?html,js,output

follor
1

243 | 10

follor - 5 апреля 2016 21:17 - Юзер

Спасибо)

joydo
4

171 | 31

joydo - 5 апреля 2016 22:32 - Юзер

Эм, opacity: 0 + ховер opacity: 1. С display, transitio не работает.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы