Simplest css,js pop-up

51 Views Asked by user8575948 At 20 October 2024 at 00:00

Here is some html,CSS and JavaScript code:

<Body onload="document.getElementById('Chrome_popup').style = 'position: fixed; left:0; bottom:10%; height:10%; width:100%;';">
<Div id="pop-up" style="position: fixed; left:0; bottom:-10%; height:10%; width:100%;">
Hi
</Div>
</Body>

I want the div to pop-up when document is opened. Please add a transition code for me.

Original Q&A

There are 1 best solutions below

Afshin On 08 September 2017 at 08:12

The CSS below is going to help you:

#pop-up {
  -webkit-transition:all .8s ease;
  -moz-transition:all .8s ease;
  -ms-transition:all .8s ease;
  -o-transition:all .8s ease;
  transition:all .8s ease;
}

By the way, HTML tags start with lowercase, not the upper ones! Use <body></body> instead of <Body></Body>

#pop-up {
  -webkit-transition:all .8s ease;
  -moz-transition:all .8s ease;
  -ms-transition:all .8s ease;
  -o-transition:all .8s ease;
  transition:all .8s ease;
}

<body onload="document.getElementById('pop-up').style = 'position: fixed; left:0; bottom:10%; height:10%; width:100%;';">
<div id="pop-up" style="position: fixed; left:0; bottom:-10%; height:10%; width:100%;">
Hi
</div>
</body>

Simplest css,js pop-up

There are 1 best solutions below

Related Questions in CSS

Related Questions in CSS-TRANSITIONS

Related Questions in CSS-POSITION

Related Questions in CSS-ANIMATIONS

Related Questions in ANIMATE.CSS

Trending Questions

Popular # Hahtags

Popular Questions