/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 vote184 views2 answers
Button with background image and text html css
CSS
4 votes198 views4 answers
Conditionally assign a css class angular 9
CSS
1 vote184 views1 answer
Css selector no attribute
CSS
24 votes177 views5 answers
Placeholder css
CSS
0 vote175 views6 answers
Install canon mf211 printer ubuntu
CSS
0 vote162 views1 answer
Storing and receiving FB
CSS
0 vote180 views1 answer
How to center icon vertically in react js
CSS
1 vote205 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
2 votes159 views1 answer
Minimum margin css
CSS
0 vote177 views1 answer
Css nested scrollbars
CSS