/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

7 votes253 views1 answer
Css remove blue outline button
CSS
3 votes252 views4 answers
Blue gradient background
CSS
5 votes239 views1 answer
Cursor couleur in css
CSS
0 vote244 views1 answer
CSS BODY AND PRE
CSS
4 votes257 views3 answers
Css alternate row color
CSS
7 votes307 views3 answers
Css filter color
CSS
0 vote233 views1 answer
How to move bullet in css
CSS
0 vote274 views1 answer
P{ color: blue; font-size: 14px; }
CSS
1 vote246 views1 answer
Css overwriting styles
CSS
0 vote257 views1 answer
Glass div generator
CSS