/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

48 votes132 views3 answers
Font-size
CSS
5 votes124 views2 answers
Scss hover
CSS
0 vote137 views1 answer
How mto change the label font style in css
CSS
7 votes155 views2 answers
Css change link color in class
CSS
6 votes111 views2 answers
Remove horizontal scrollbar css
CSS
41 votes126 views6 answers
Linux folder size
CSS
0 vote128 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
1 vote155 views1 answer
Webkit css
CSS
1 vote137 views1 answer
Mysqli load result into array
CSS
1 vote142 views1 answer
Css select with attribute
CSS