/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 vote375 views1 answer
About us page template html css codepen
CSS
4 votes386 views1 answer
Css overflow truncate
CSS
5 votes373 views2 answers
Css make input unselectable
CSS
0 vote333 views1 answer
Css disable transition on first load
CSS
0 vote355 views1 answer
Style image so it crops
CSS
0 vote426 views1 answer
Terminal download website source code
CSS
1 vote392 views2 answers
How to center topnav bar in html
CSS
0 vote360 views1 answer
How to make bootstrap cards same height css trics
CSS
35 votes380 views4 answers
Css nth element
CSS
1 vote370 views1 answer
Flexbox align or justify one single item
CSS