/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 vote316 views3 answers
Space between items in css
CSS
0 vote306 views1 answer
Css unlock scroll
CSS
1 vote310 views1 answer
Write text in one line css
CSS
0 vote303 views1 answer
Colored button link scss generator
CSS
1 vote296 views1 answer
Css background offset
CSS
7 votes329 views3 answers
Change font awesome icon color
CSS
0 vote301 views1 answer
Css hollow circle
CSS
4 votes295 views5 answers
Css darken color
CSS
0 vote285 views1 answer
Practice html and css
CSS
13 votes294 views1 answer
W3schools keyframes
CSS