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

.page1 h1 {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                    font-size: 100px;
                    color: blue;
                  }


                  .page1 h1 a {
                    font-size: 25px;
                    color: green;
                    cursor: pointer;
                  }
                  .page2 {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100vh;
                    background-color: #f8b1ff;
                    display: none;
                    text-align: center;
                  }


                  .page2 h1 {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                    font-size: 100px;
                    color: #1d1d1d;
                  }

                  .page2 h1 a {
                    font-size: 25px;
                    color: red;
                cursor: pointer;

              }
              a1.js (JavaScript source is in this file)

                  function showP2() {



                240   Touchpad Web Applications-XII
   237   238   239   240   241   242   243   244   245   246   247