Page 241 - Web Applications (803) Class 12
P. 241

</div>
                        <div class="page2" id="page2">
                           <h1>THIS IS THE SECOND PAGE! <br>
                            <a onclick="showP1()">CLICK HERE AGAIN</a></h1>
                        </div>
                        <script src="a1.js">
                        </script> </body>
                    </html>
                 Mstyle1.css

                    * {
                      margin: 0;
                      padding: 0;
                      -webkit-box-sizing: border-box;
                              box-sizing: border-box;
                      font-family: Tahoma,Verdana;
                    }


                    .loader {
                      position: absolute;
                      background-color: white;
                      width: 100%;
                      height: 100vh;
                      z-index: 99;
                      left: -100%;
                      -webkit-transition: .4s;
                      transition: .4s;
                    }


                    .loader img {
                      position: absolute;
                      left: 50%;
                      top: 50%;
                      -webkit-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%);
                    }


                    .page1 {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100vh;
                      background-color: #b1f6ff;
                      text-align: center;
                 }

                                                                                  Advanced Features of Web-Design    239
   236   237   238   239   240   241   242   243   244   245   246