luistavares

RGBA Illustration

Sep 11th, 2020
1,326
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .red { background-color: red; z-Index: 3;}
  3. .blue { background-color: blue; z-Index: 1;}
  4. .green { background-color: green; z-Index: 2;}
  5. .yellow { background-color: white; }
  6. div {
  7.     width: 120px; height: 120px;
  8.     position: absolute;
  9.     top: 16px; left: 16px;
  10.     border: 1px solid black;
  11.     opacity: 80%;
  12. }
  13. div:nth-of-type(2) { top: 32px; left: 32px;}
  14. div:nth-of-type(3) { top: 48px; left: 48px;}
  15. div:nth-of-type(4) { top: 64px; left: 64px;}
  16. </style>
  17. <div class="red"></div>
  18. <div class="green"></div>
  19. <div class="blue"></div>
  20. <div class="yellow"></div>
RAW Paste Data