/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 vote164 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
0 vote198 views2 answers
How to write text on video in html
CSS
5 votes203 views1 answer
Html how to indent text
CSS
-1 vote202 views1 answer
Select box arrow hide css in ie
CSS
0 vote189 views1 answer
Why wont text color of a div change
CSS
3 votes164 views1 answer
Css margin bottom not working
CSS
0 vote199 views1 answer
Css chess pieces
CSS
0 vote206 views1 answer
Html align svg to text
CSS
-2 votes212 views2 answers
Outline-radius css
CSS
0 vote198 views1 answer
Red asterix css
CSS