/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

2 votes305 views2 answers
Box shadow css transition
CSS
1 vote295 views1 answer
Top 10 customers odoo
CSS
1 vote381 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
43 votes294 views4 answers
What is a max and min width media query
CSS
9 votes347 views5 answers
Html button size
CSS
0 vote297 views1 answer
Css every other element than self
CSS
0 vote300 views1 answer
How to target input type with css
CSS
0 vote273 views1 answer
Como fazer listrada css
CSS
1 vote276 views4 answers
Add css to django
CSS
1 vote269 views1 answer
Associate checkbox with label
CSS