/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

9 votes117 views3 answers
Outline button css
CSS
76 votes116 views6 answers
Border radius css
CSS
0 vote111 views1 answer
Control one swiper with other
CSS
0 vote74 views1 answer
Css flex fixed width
CSS
0 vote115 views1 answer
Opposite of :not css
CSS
3 votes133 views2 answers
How to decurate react router link css
CSS
1 vote179 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
0 vote120 views1 answer
Animations
CSS
1 vote124 views1 answer
How to check if eloquent result is empty
CSS
0 vote158 views1 answer
Progress bar bootstrap border
CSS Bootstrap