css3 - Simplest css,js pop-up -




here html,css , 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 div pop-up when document opened. please add transition code me.

the css below going 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 way, html tags start lowercase, not 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>





wiki

Comments

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

python - Read npy file directly from S3 StreamingBody -

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -