/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

50 votes135 views4 answers
Label css
CSS
22 votes158 views2 answers
Disable user select css
CSS
3 votes162 views2 answers
Css border radius not working
CSS
1 vote179 views4 answers
Button style css
CSS
0 vote156 views1 answer
Css remove white space below footer
CSS
1 vote164 views1 answer
303,592 HDK to pounds
CSS
0 vote167 views1 answer
Css box-shadow over other elements
CSS
0 vote265 views2 answers
Text decoration too long
CSS
2 votes174 views1 answer
Css set property with data attribute
CSS
0 vote156 views1 answer
Html same width as parent
CSS