/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 vote388 views2 answers
Styling links within a class except the last one
CSS
9 votes361 views1 answer
Vevo playlist
CSS
0 vote337 views1 answer
Html list bullets not centered
CSS
6 votes353 views4 answers
Disable click css
CSS
0 vote393 views1 answer
Wordpress link post tags
CSS
0 vote376 views1 answer
ProgressBars bulma -- thickness
CSS
0 vote363 views1 answer
How to allow text to be copied in an input element ionic
CSS
0 vote341 views1 answer
Difference between private key and private key ssh
CSS
107 votes375 views4 answers
How to add background shadow css
CSS
1 vote349 views2 answers
Inter
CSS