/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

1 vote251 views1 answer
Ghana
CSS
0 vote311 views1 answer
Wordpress clear cache command line
CSS
14 votes243 views5 answers
Input number hide arrows
CSS
1 vote234 views1 answer
Css spread children horizontally
CSS
0 vote288 views1 answer
Html css add Avenir light font
CSS
0 vote245 views1 answer
Css static header on scroll
CSS
7 votes242 views1 answer
Git clone command in terminal
CSS
1 vote220 views1 answer
Style direction
CSS
0 vote232 views1 answer
Microwave
CSS
0 vote228 views1 answer
Over to remove padding css
CSS