/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 vote152 views1 answer
Decrease space between paragraphs html
CSS
-1 vote144 views2 answers
Input uppercase with css
CSS
0 vote161 views1 answer
How to code color css property
CSS
0 vote152 views1 answer
Account system php html
CSS
0 vote152 views1 answer
How to do stuff in css
CSS
0 vote157 views1 answer
Scss global class
CSS
7 votes146 views3 answers
Border-width in percentage
CSS
0 vote146 views4 answers
Tabs css only
CSS
0 vote152 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
7 votes151 views1 answer
Show hand icon on hover javascript
CSS