Как сделать, чтобы цвет rgba плавно перешел из прозрачного в 1?

Question

[Дмитрий]

Нужно чтобы черный экран rbga(0,0,0,0) при открытии меню переходил плавно в rbga(0,0,01) в течение секунды или меньше. Потому, что он при открытии меню выезжает сверху и занимает 100% height и 100% width.
Как это сделать с помощью jquery после клика на определенный элемент (иконка меню)?

Answer 1

[Дима Паутов]

.menu {
background-color: rgba(0,0,0,0);

transition: .2s ease-in-out;
}

.menu.open {
background-color: rgba(0,0,0,1);
}

Answer 2

[Петр]

background-color: #000;
opacity: 0;

=>
opacity: 1;

Comments

[Дмитрий]

без opacity как-то нужно сделать, я вариант предложил что нужно двигать rgba . . . но как? не знаю

[Петр]

Дмитрий: можно js + settimeout + установка значения rgba

[trushka]

Петр, зачем такие сложности, выше же вариант с transition предложили. Причём функционал и в ИЕ9- будет работать, только без анимации