/CSS/Affect top div opacity without affecting childrne

Affect top div opacity without affecting childrne

#container {
    border: solid gold 1px;   
    width: 400px;
    height: 200px;
    background:rgba(56,255,255,0.1);
}

#box {
    border: solid silver 1px;
    margin: 10px;
    width: 300px;
    height: 100px;
    background:rgba(205,206,255,0.1);
  	transition: 2s background;
}

// if you then want to apply an animation, do it on background-color instead of opacity

Source: stackoverflow.com

Similar codes

18 votes219 views4 answers
Css font arial
CSS
0 vote216 views1 answer
Css notes
CSS
0 vote182 views2 answers
Sass if
CSS
0 vote189 views1 answer
Not checked css
CSS
0 vote183 views2 answers
Webpack alias not working in jest
CSS
21 votes221 views6 answers
Text border css
CSS
0 vote196 views1 answer
Tynker bot
CSS
5 votes175 views1 answer
Css cheat sheet
CSS
25 votes208 views4 answers
Css inline hover
CSS
0 vote178 views1 answer
Grippy css
CSS