/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

4 votes153 views3 answers
Css alternate row color
CSS
0 vote194 views1 answer
Name attribute css doesn't work
CSS
0 vote239 views1 answer
Css interne
CSS
103 votes158 views2 answers
What are the types of positioning in css
CSS
198 votes330 views6 answers
How to add css in html
CSS
3 votes200 views1 answer
Bootstrap 3 offset
CSS Bootstrap
28 votes182 views4 answers
Font face roboto css
CSS
128 votes203 views5 answers
Randint
CSS
6 votes167 views2 answers
Html table scrollable body fixed header
CSS
8 votes161 views2 answers
Css list style
CSS