/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

29 votes111 views1 answer
Boxsahdow
CSS
3 votes112 views2 answers
Css text limit
CSS
0 vote100 views1 answer
Twig currency name
CSS
0 vote110 views1 answer
Table tr sortable helper css
CSS
32 votes107 views5 answers
Css text align right
CSS
-1 vote152 views2 answers
How to scroll fixed position
CSS
1 vote104 views1 answer
Loading screen html
CSS
0 vote109 views1 answer
Cd program files x86
CSS
0 vote113 views1 answer
Media-queries
CSS
0 vote115 views1 answer
Side nav bar in materialize css
CSS