/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 vote195 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
0 vote185 views1 answer
Prevent bounce scroll css
CSS
4 votes235 views6 answers
Aos library
CSS
2 votes200 views2 answers
Css fill parent height
CSS
10 votes186 views2 answers
How to include one css file in another
CSS
0 vote248 views1 answer
Python css
CSS
0 vote224 views1 answer
Width clamp css
CSS
2 votes203 views3 answers
How to make a html css js editor
CSS
64 votes172 views6 answers
Center image html
CSS
10 votes178 views3 answers
Reset
CSS