/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

7 votes239 views3 answers
Css stop text wrapping
CSS
7 votes245 views2 answers
Make images same size css
CSS
4 votes269 views4 answers
Composer rollback to v1
CSS
0 vote235 views1 answer
Css perfekt min width mobile
CSS
0 vote231 views1 answer
Radio button css only 1
CSS
3 votes264 views1 answer
Font family comic sans ms
CSS
0 vote268 views1 answer
List-style-type flex
CSS
80 votes259 views2 answers
Text-transform
CSS
0 vote233 views1 answer
Schatten css
CSS
2 votes228 views1 answer
Minimum margin css
CSS