/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 vote306 views2 answers
Animation fade in css
CSS
0 vote335 views1 answer
Underlined style for a link
CSS
0 vote334 views2 answers
Why is my body background color in css not working
CSS
3 votes322 views3 answers
Blinking animation css
CSS
1 vote339 views3 answers
Change scrollbar color
CSS
0 vote354 views1 answer
Django html not using css
CSS
89 votes381 views6 answers
Padding
CSS
0 vote361 views1 answer
Backface-visibility: hidden;
CSS
0 vote344 views4 answers
How to chose tailwindcss while creating larevel project
CSS
0 vote336 views1 answer
Flex starty
CSS