/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 vote342 views1 answer
Col
CSS
0 vote319 views1 answer
Css svg width 100%
CSS
0 vote323 views1 answer
Animated display css
CSS
0 vote376 views1 answer
Hiden file upload button css
CSS
-3 votes358 views2 answers
How to justify grid childe in the center
CSS
0 vote339 views1 answer
How to create polaroid effect in css
CSS
0 vote312 views1 answer
Center tecxt css
CSS
0 vote329 views1 answer
How to get two elements on the same line html
CSS
0 vote374 views1 answer
Calc css float to procent
CSS
0 vote367 views1 answer
Rendre une div scrollable
CSS