/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

98 votes215 views2 answers
Css box-shadow shorthand
CSS
1 vote222 views2 answers
Vim unset number
CSS
5 votes233 views2 answers
Zoom animations in css
CSS
1 vote220 views1 answer
Second scrollbar appears
CSS
1 vote225 views1 answer
Sass compressed style
CSS
0 vote223 views1 answer
Easy way raise specificity css
CSS
67 votes228 views6 answers
How to center a div in css
CSS
4 votes216 views1 answer
Footer at bottom of body
CSS
0 vote233 views3 answers
Center ul
CSS
0 vote212 views1 answer
Tabla responsive css
CSS