Как сделать блока поверх содержимого после нажатия кнопки через заданное время?

Question

[Сергей Марченко]

Задача такая:
После нажатия на кнопку через XX миллисекунд должен появится div.
javascript совсем не знаю.

Answer 1

[Андрей Федоров]

Не нужен js
Анимируйте opacity с delay. codepen.io/aliencash/pen/dONRZP

Comments

[Сергей Марченко]

Когда страница загружается, то этот блок на долю секунду появляется. Как будто моргает.

[Андрей Федоров]

Сергей Марченко: Проверил в актуальных версиях ff, хром, опера и ie11. Ничего такого не наблюдаю.

[Сергей Марченко]

Я 2 дива оформляю в "block" , в css копирую все и убираю width, height, background-color . И почему то не работает в итоге.

[Андрей Федоров]

Сергей Марченко: не видя вашего кода трудно сказать где ошибка.

[Сергей Марченко]

Андрей Федоров: Я через Axure верстку делаю - это не для продакшена. Пробовал просто врезать туда этот пример, все равно не работает.
https://www.sendspace.com/file/acprrk я загрузил все файлы на хостинг. Буду очень благодарен если посмотрите.

Красный блок который должен появляться.

[Сергей Марченко]

Сергей Марченко: Это чистый код.

[Андрей Федоров]

Сергей Марченко: Скорее всего вы поздно подключаете css. Попробуйте вставить display: none для div непосредственно в html через тег style, прямо перед кодом.