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

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


     05.04.2016    Все вопросы » Стили (CSS)    2109

вопрос
Приветствую, всё никак не могу найти решение, нужно добавить плавность появления и исчезновения при наведении мыши, если на появление анимации ещё получается, то на исчезновение никак. По возможности хотелось бы конечно реализовать всё это посредством 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
Юзер

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

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

follor
Юзер

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

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

Westus
Юзер

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

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

follor
Юзер

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

Спасибо)

joydo
Юзер

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

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

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

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

наверх