/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

0 vote113 views1 answer
Project in css transforms
CSS
9 votes110 views1 answer
Full page background image
CSS
0 vote106 views3 answers
Center ul
CSS
0 vote108 views1 answer
Enlarge ionicons css
CSS
29 votes128 views4 answers
Css input selector
CSS
1 vote64 views1 answer
Css min value
CSS
4 votes107 views2 answers
Alternate table row color css
CSS
0 vote108 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
10 votes110 views2 answers
Darken image css
CSS
0 vote110 views1 answer
Npm registry package not found
CSS