Stack of papers

Practising a trick from http://css-tricks.com/snippets/css/stack-of-paper/ What is a stack of papers How do you make a stack of papers? This script and codes were developed by Jeya Karthika on 01 February 2022, Tuesday.

How do I make an stack of papers?
  1. Stack of papers Previews
  2. Stack of papers HTML Codes
  3. Stack of papers CSS Codes
Stack of papers Previews

Stack of papers HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Stack of papers</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="papers"></div>
  
  
</body>
</html>

Stack of papers CSS Codes

body {
  background: #c0392b; 
}
.papers {
  background-color: #fff;
  height: 200px;
  padding: 20px;
  width: 150px;
  position: relative;
  margin: 150px auto 100px;
  -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 
    3px 3px 0 #fff, 4px 4px 0 rgba(0, 0, 0, .2), 
    6px 6px 0 #fff, 7px 7px 0 rgba(0, 0, 0, .1), 
    9px 9px 0 #fff, 10px 10px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 
    3px 3px 0 #fff, 4px 4px 0 rgba(0, 0, 0, .2), 
    6px 6px 0 #fff, 7px 7px 0 rgba(0, 0, 0, .1), 
    9px 9px 0 #fff, 10px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .3), 
    3px 3px 0 #fff, 4px 4px 0 rgba(0, 0, 0, .2), 
    6px 6px 0 #fff, 7px 7px 0 rgba(0, 0, 0, .1), 
    9px 9px 0 #fff, 10px 10px 0 rgba(0, 0, 0, .1);
} 
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.