/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

80 votes275 views6 answers
Css favicon
CSS
-1 vote292 views4 answers
Css after
CSS
0 vote280 views2 answers
Css cards
CSS
0 vote277 views1 answer
Css change overflow scrollbar
CSS
0 vote248 views10 answers
BEST PLACE TO FIND CSS CODES
CSS
1 vote287 views1 answer
Css change image saturation
CSS
0 vote260 views1 answer
Html disable spin buttons on input type number
CSS
63 votes273 views6 answers
Text shadow
CSS
0 vote265 views1 answer
Enqueing another css file in shild
CSS
1 vote268 views1 answer
Gatsby hide scrollbar
CSS