/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 vote116 views1 answer
Css if screen size less than
CSS
3 votes115 views2 answers
Css for internet explorer only
CSS
7 votes132 views2 answers
Make all images same size css
CSS
0 vote129 views1 answer
Css circle with number
CSS
-1 vote115 views2 answers
Html and css websites
CSS
0 vote135 views1 answer
Padding 2 values how would be they applied
CSS
0 vote132 views1 answer
Ancho maximo css
CSS
2 votes118 views1 answer
Html5 input required length
CSS
3 votes161 views1 answer
C cheat sheet
CSS
1 vote129 views1 answer
Perimeter around my background image
CSS