/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

9 votes177 views3 answers
Bootstrap blue outline button
CSS
1 vote193 views2 answers
How to upgrade composer ubuntu
CSS
0 vote199 views2 answers
False
CSS
-1 vote184 views1 answer
Add shadow to background image css
CSS
5 votes289 views2 answers
Remove bootstrap button outline
CSS
1 vote180 views1 answer
Css table grid
CSS
0 vote186 views1 answer
Center child container
CSS
0 vote196 views1 answer
Background css hachures
CSS
0 vote184 views3 answers
Force keyboard to show android programmatically
CSS
0 vote217 views1 answer
Change size material checkbox
CSS