/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

11 votes258 views2 answers
Scss include
CSS
1 vote250 views1 answer
How to scale a bg image acc to size of div
CSS
-1 vote205 views1 answer
Css link underline
CSS
-7 votes297 views6 answers
Css all flex properties
CSS
0 vote232 views1 answer
Mysql_config not found
CSS
3 votes202 views1 answer
Remove default style from links css
CSS
0 vote221 views1 answer
Table td data in middle
CSS
0 vote227 views1 answer
How to make img cover parent div
CSS
0 vote215 views1 answer
Z index div over cursor
CSS
0 vote224 views1 answer
How to use css transform matrix
CSS