/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 vote141 views2 answers
Change svg color on hover, css
CSS
0 vote132 views1 answer
Vertical align h1 inside div
CSS
0 vote156 views1 answer
WoWonder
CSS
1 vote141 views1 answer
Css Use the correct background property to make the background image NOT scroll with the rest of the page.
CSS
0 vote136 views2 answers
Position relative and absolute difference in css
CSS
0 vote139 views1 answer
Css click through after
CSS
3 votes148 views3 answers
Can you control another div on hover css
CSS
3 votes129 views1 answer
Css sass compile run
CSS
7 votes149 views4 answers
How to crop images in css
CSS
0 vote133 views1 answer
Over to remove padding css
CSS