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

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

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

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

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

 21.10.2012 wcw2007  Стили (CSS), jQuery
 01.04.2013 Heon  Шаблоны (TPL), Стили (CSS)
 10.08.2013 G-Force  Стили (CSS), jQuery
 26.06.2014 Ilya78rus  Общие вопросы, Шаблоны (TPL), Стили (CSS)
 29.10.2014 G-3p  Общие вопросы по вёрстке, Стили (CSS)
 10.11.2014 jekonya  Стили (CSS)
 14.05.2015 evenegrad  Стили (CSS)
 11.07.2015 1707  Общие вопросы по вёрстке, Стили (CSS)
 06.10.2015 ns1club_ru  Общие вопросы по вёрстке, Стили (CSS)
 23.12.2015 Петрушка  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    23-11-2024, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх