/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

3 votes321 views1 answer
Import font sass
CSS
7 votes323 views1 answer
Css remove blue outline button
CSS
0 vote323 views1 answer
Bootstrap progress bar animation not working
CSS
0 vote347 views2 answers
Css lighten function
CSS
0 vote322 views1 answer
Grandezza caratteri css
CSS
8 votes279 views5 answers
Css triangle
CSS
65 votes361 views3 answers
Css variables
CSS
7 votes324 views2 answers
Remove blue border on a input
CSS
0 vote415 views1 answer
Définir le nombre minimum de mots sur les publications WordPress
CSS
0 vote328 views2 answers
Use font awesome as content in css
CSS