Advertisement
Guest User

Untitled

a guest
May 26th, 2019
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.53 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css?family=Yellowtail&display=swap" rel="stylesheet">
  2. <link href="https://fonts.googleapis.com/css?family=Titan+One&display=swap" rel="stylesheet">
  3. <style>
  4. body {background-color: fff; background-size: 100px; }
  5. body a {color: #170721; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  6. body a:hover {color: #D20200;}
  7.  
  8. ::-webkit-scrollbar {width: 3px;}
  9. ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}
  10. ::-webkit-scrollbar-thumb {background-color: white;}
  11.  
  12.  
  13. #image {position: fixed; top: 0px; left: 0px; width: 825px; height: 100%; background-image: url(http://i.picpar.com/zRwd.jpg); background-size: 60%; background-repeat: no-repeat; pointer-events: none;}
  14.  
  15. #star {position: fixed; top: 325px; left: 912px; width: 80px; height: 80px; background-image: url(http://www.clker.com/cliparts/M/z/t/I/i/e/outlined-star-hi.png); background-size: 100%; background-repeat: no-repeat; pointer-events: none; z-index: 6;}
  16. #star2 {position: fixed; top: 325px; left: 536px; width: 80px; height: 80px; background-image: url(http://www.clker.com/cliparts/M/z/t/I/i/e/outlined-star-hi.png); background-size: 100%; background-repeat: no-repeat; pointer-events: none; z-index: 6;}
  17. #galaxy {position: fixed; top: 563px; left: 530px; width: 500px; height: 300px; background-image: url(http://i.picpar.com/GRwd.png); background-size: 90%; background-repeat: no-repeat; pointer-events: none; z-index: 6;}
  18.  
  19.  
  20. #container {position: fixed; top: 405px; left: 505px; width: 506px; height: 200px; background-color: fff; background-image: url(https://data.whicdn.com/images/226302309/original.gif); font-size: 37px; color: white; font-family: 'Yellowtail', cursive; overflow: auto; border: 5px #000000 solid; z-index: 1; border-radius: 200px; text-shadow: 0px 0px 6px #6960EC;}
  21.  
  22.  
  23. #nameshadow {position: fixed; top: 320px; left: 628px; width: 350px; height: 90px; font-size: 90px; font-family: 'Titan One', cursive; background-image: url(https://data.whicdn.com/images/226302309/original.gif); background-size: 160px; background-clip: text; -webkit-background-clip: text; color: rgba(0,0,0,0); z-index: 7; -webkit-text-stroke: 2px #fff; }
  24.  
  25.  
  26.  
  27. </style>
  28.  
  29. <div id="image"></div>
  30.  
  31. <div id="star"></div>
  32. <div id="star2"></div>
  33. <div id="galaxy"></div>
  34.  
  35.  
  36. <div id="nameshadow">Nebbi</div>
  37.  
  38.  
  39. <div id="container"><center>
  40. cosmic messenger<br>
  41. dimension jumper<br>
  42. sleeps in a bubble<br>
  43. space drago
  44. </center>
  45. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement