/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

1 vote76 views1 answer
Css @media measurements
CSS
32 votes79 views5 answers
Css text align right
CSS
0 vote75 views1 answer
How to make img cover parent div
CSS
1 vote72 views2 answers
Css button style rectangle
CSS
6 votes69 views6 answers
TAilwind css
CSS
0 vote72 views2 answers
Cut word css
CSS
126 votes80 views7 answers
Css box shadow
CSS
0 vote154 views1 answer
Removing input border shadow
CSS
2 votes72 views2 answers
Test shadow css
CSS
0 vote71 views2 answers
Showing two iframes side by side
CSS