/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

0 vote394 views1 answer
Tslib.es6
CSS
7 votes354 views3 answers
Stick menu bar in css
CSS
0 vote326 views1 answer
Css youtube video get rid of black border
CSS
9 votes316 views1 answer
Make background full on every screen css
CSS
0 vote333 views1 answer
Button highlight none css
CSS
5 votes346 views2 answers
Css especifico para safari
CSS
5 votes326 views1 answer
Force to load https
CSS
0 vote324 views1 answer
Body{text-align: center;}
CSS
0 vote329 views1 answer
Css make ul on multiple lines
CSS
11 votes302 views1 answer
Css disable mouse events
CSS