/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

595 votes314 views10 answers
Gme stock
CSS
1 vote143 views1 answer
Which css property is used to change font
CSS
11 votes113 views3 answers
Round button css
CSS
0 vote147 views1 answer
Textbreak for long text
CSS
0 vote139 views1 answer
Change svg color in pseudo element
CSS
13 votes132 views4 answers
Scss transition mixin
CSS
0 vote160 views1 answer
How to make jest parse the imported css modules in create react app
CSS
0 vote142 views1 answer
Media-queries
CSS
0 vote137 views1 answer
Remove a styles css class with javafx
CSS
0 vote137 views1 answer
Wkhtmltopdf remove thead repeating
CSS