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

