/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

3 votes181 views3 answers
Can you control another div on hover css
CSS
6 votes180 views4 answers
Css hover to disable
CSS
0 vote197 views2 answers
Ul class= social-icons
CSS
1 vote178 views2 answers
How to change highlight color on website
CSS
21 votes170 views6 answers
Gradient image css
CSS
6 votes183 views1 answer
All text in caps using css
CSS
0 vote195 views1 answer
Htacess mono-site
CSS
1 vote183 views1 answer
-o css
CSS
1 vote163 views1 answer
How to use rgba in css
CSS
-1 vote178 views1 answer
Text barré css
CSS