Breaking News: Grepper is joining You.com. Read the official announcement!

affect top div opacity without affecting childrne

Enthusiastic Earthworm answered on February 28, 2020 Popularity 7/10 Helpfulness 3/10

answer affect top div opacity without affecting childrne

affect top div opacity without affecting childrne

Comment

#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

Popularity 7/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css opacity

Link to this answer
Share Copy Link