/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 votes136 views4 answers
Chmod recursive
CSS
0 vote169 views1 answer
How to make text disappear after a certain length css
CSS
1 vote250 views1 answer
Css light grey
CSS
1 vote140 views1 answer
Mysqli check if delete was successful
CSS
39 votes155 views2 answers
Css z index
CSS
0 vote178 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
6 votes138 views3 answers
Position absolute horizontally center
CSS
0 vote125 views1 answer
Back button css
CSS
0 vote133 views1 answer
Make font awesome spin but not the word on hover
CSS
1 vote143 views2 answers
Background shorthand code
CSS