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
Post a Comment