/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 vote201 views1 answer
Css border image repeat property
CSS
1 vote182 views1 answer
Remove ul decoration
CSS
0 vote198 views1 answer
Corsair css
CSS
0 vote200 views1 answer
All heading tags selector scss
CSS
0 vote208 views1 answer
Css select having both classes
CSS
0 vote177 views2 answers
Increase space between dashed border css
CSS
1 vote195 views1 answer
Css change image saturation
CSS
0 vote208 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
0 vote196 views3 answers
Sass color functions
CSS
0 vote194 views2 answers
How to add a selection in css
CSS