/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 vote370 views1 answer
Css fixed bottom
CSS
0 vote345 views1 answer
Blue color when button click web mobile
CSS
1 vote347 views1 answer
Css 100% -20px
CSS
0 vote335 views1 answer
Jquery if css property is
CSS
0 vote362 views1 answer
Font size clamp generator
CSS
1 vote300 views1 answer
Transition all 0.3s ease-in-out
CSS
1 vote366 views1 answer
Change order columns bootstrap
CSS
1 vote335 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote400 views1 answer
Css horizontal line around text
CSS
1 vote381 views2 answers
How to align an image left in css
CSS