/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 votes124 views3 answers
Add tailwindcss to angular
CSS
98 votes112 views6 answers
Css center
CSS
0 vote110 views1 answer
Change option tag css
CSS
2 votes115 views1 answer
Js confirm yes no before delete
CSS
0 vote119 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote125 views1 answer
How mto change the label font style in css
CSS
-1 vote132 views3 answers
Css ul to center
CSS
0 vote118 views1 answer
Reindent sublime
CSS
-1 vote113 views2 answers
How to put different p elements next to each
CSS
1 vote132 views1 answer
Macbook change screenshot to jpg
CSS