Advertisement
Python253

7x wr Source (09292018)

Apr 21st, 2018
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <br/>
  6. <title>-</title>
  7. </p>
  8. <img class="resize" src="/web/20170929173007im_/http://www.sevens.exposed:80/WhiteRabbit/wr.jpg" id="bg" alt="bg">
  9. <div id="text">
  10.   &gt; 23.<br>
  11.   &gt; 36.<br>
  12.   &gt; 48.<span id="cursor"></span>
  13. </div>
  14. <br><br>
  15. <center>
  16. </center>
  17.  
  18. <style>
  19. img.resize {
  20.   max-width:33%;
  21.   max-height:33%;
  22. }
  23.  
  24. body {
  25. background: black;
  26. }
  27. div {
  28.   color: #3301ff;
  29.   font-family: Monaco, monospace;
  30.   font-size: 24px;
  31.   width: 100%;
  32.   text-align: center;
  33.   position: absolute;
  34.   top: 45%;
  35.   left: 0px;
  36.   animation: 120ms infinite normal glitch;
  37. }
  38.  
  39. span {
  40.   animation: 1500ms infinite normal cursor;
  41. }
  42.  
  43. @keyframes glitch {
  44.   0% {
  45.     opacity: 0;
  46.     left: 0px;
  47.   }
  48.   40% {
  49.     opacity: 1;
  50.     left: -2px;
  51.   }
  52.   80% {
  53.     opacity: 1;
  54.     left: -2px;
  55.   }
  56. }
  57.  
  58. @keyframes cursor {
  59.   0% {
  60.     opacity: 0;
  61.     left: 0px;
  62.   }
  63.   40% {
  64.     opacity: 0;
  65.     left: -2px;
  66.   }
  67.   80% {
  68.     opacity: 1;
  69.     left: -2px;
  70.   }
  71. }
  72. </style>
  73.  
  74. </body>
  75. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement