Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Transparent Box

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #269568
    AlieNonymous
    Participant

    Hi, I’ve tried making a but I couldn’t get to make the box

    I have an animation that should be played on the background, but it doesn’t go “inside the div”

    Here is a simple example
    https://imgur.com/a/7n2wK

    So, basically I need a box inside a div(the one that plays animations), but like an element so I can set the background colour but have the animation okay underneath it

    Here the https://codepen.io/anon/pen/aYQwwr

    Preview

    #269570
    Paulie_D
    Member

    A minimal Codepen demo would be ideal here.

    We can’t diagnose an image or code we haven’t seen.

    #269572
    AlieNonymous
    Participant

    You are right, so here it is:
    https://codepen.io/anon/pen/aYQwwr

    #269576
    Pogany
    Participant

    I’m not very sure I understand you. Your header is already transparent: background-color: rgba(0, 255, 0, 0.4);
    In order to see the animation beneath just add position:absolute;to your header.

    I hope this is the answer you were expecting.

    #269590
    Paulie_D
    Member

    position:absolute sounds right to me.

    https://codepen.io/Paulie-D/pen/EEOELB

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design’ is closed to new topics and replies.