API tools faq
paste
Advertisement
WILDAN_IZZUDIN

#IN THE MUSIC

WILDAN_IZZUDIN
Dec 19th, 2017
621
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Hacked By Wildan_Izzudin</title>
  6.   <meta content="Contact : [email protected]" name="description" />
  7.   <meta property="og:image" content="https://2.bp.blogspot.com/-TE52oBqiXgo/Wjns7kyWR6I/AAAAAAAAAwE/sVnVZjOcgRgubHmjbNtN6RXkHepuoo2gACLcBGAs/s320/logo.jpg">
  8. <style>
  9. @import url("https://fonts.googleapis.com/css?family=Syncopate");
  10.  
  11. html, body {
  12.   -webkit-font-smoothing: antialiased;
  13.   font-family: 'Syncopate', Helvetica, Arial;
  14.     text-transform: uppercase;
  15.     margin: 0;
  16.     height: 100%;
  17.     width: 100%;
  18.     display: table;
  19. }
  20. html {
  21.     background: url("http://media.ws.irib.ir/image/4bk739cc205b4c9s2y_800C450.jpg") no-repeat;
  22.     background-size:100% 100%;
  23. }
  24. body {
  25.     overflow: hidden;  
  26.     background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 100%);
  27.     background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.44)));
  28.     background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.44) 100%);
  29.     background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.44) 100%);
  30.     background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.44) 100%);
  31.     background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.44) 100%);
  32. }
  33. p {
  34.     display: table-cell;
  35.     text-align: center;
  36.     vertical-align: middle;
  37.     font-size: 2em;
  38.     line-height: 2em;
  39. }
  40. i {
  41.     display: inline-block;
  42.     font-style: normal;
  43.     padding: 0 0.25em;
  44.     -webkit-transform: scale(0) translate3d(0, -2000px, 0);
  45.        -moz-transform: scale(0) translate3d(0, -2000px, 0);
  46.         -ms-transform: scale(0) translate3d(0, -2000px, 0);
  47.          -o-transform: scale(0) translate3d(0, -2000px, 0);
  48.             transform: scale(0) translate3d(0, -2000px, 0);
  49.     background: rgba(255, 255, 255, 0.3);
  50.     border-radius: 50%;
  51. }
  52. i.underxploit {
  53.     -webkit-animation: underxploit 3s infinite ease-in-out;
  54.        -moz-animation: underxploit 3s infinite ease-in-out;
  55.          -o-animation: underxploit 3s infinite ease-in-out;
  56.             animation: underxploit 3s infinite ease-in-out;
  57. }
  58.  
  59. @-webkit-keyframes underxploit {
  60.     0% {
  61.         -webkit-transform: scale(0) translate3d(0, -1000px, 0);
  62.         background: rgba(255, 255, 255, 0.3);
  63.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  64.         border-radius: 50%;
  65.     }
  66.     15%, 85% {
  67.         color: rgba(255, 255, 255, 0.8);
  68.         text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  69.         -webkit-transform: scale(1) translate3d(0, 0, 0);
  70.         background: transparent;
  71.         box-shadow: none;
  72.     }
  73.     100% {
  74.         color: transparent;
  75.         -webkit-transform: scale(0) translate3d(0, 1000px, 0);
  76.         background: rgba(255, 255, 255, 0.3);
  77.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  78.         border-radius: 50%;
  79.     }
  80. }
  81. @-moz-keyframes underxploit {
  82.     0% {
  83.         -moz-transform: scale(0) translate3d(0, -2000px, 0);
  84.         background: rgba(255, 255, 255, 0.3);
  85.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  86.         border-radius: 50%;
  87.     }
  88.     15%, 85% {
  89.         color: rgba(255, 255, 255, 0.8);
  90.         text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  91.         -moz-transform: scale(1) translate3d(0, 0, 0);
  92.         background: transparent;
  93.         box-shadow: none;
  94.     }
  95.     100% {
  96.         color: transparent;
  97.         -moz-transform: scale(0) translate3d(0, 2000px, 0);
  98.         background: rgba(255, 255, 255, 0.3);
  99.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  100.         border-radius: 50%;
  101.     }
  102. }
  103. @-o-keyframes underxploit {
  104.     0% {
  105.         -o-transform: scale(0) translate3d(0, -2000px, 0);
  106.         background: rgba(255, 255, 255, 0.3);
  107.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  108.         border-radius: 50%;
  109.     }
  110.     15%, 85% {
  111.         color: rgba(255, 255, 255, 0.8);
  112.         text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  113.         -o-transform: scale(1) translate3d(0, 0, 0);
  114.         background: transparent;
  115.         box-shadow: none;
  116.     }
  117.     100% {
  118.         color: transparent;
  119.         -o-transform: scale(0) translate3d(0, 2000px, 0);
  120.         background: rgba(255, 255, 255, 0.3);
  121.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  122.         border-radius: 50%;
  123.     }
  124. }
  125. @keyframes underxploit {
  126.     0% {
  127.         transform: scale(0) translate3d(0, -2000px, 0);
  128.         background: rgba(255, 255, 255, 0.3);
  129.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  130.         border-radius: 50%;
  131.     }
  132.     15%, 85% {
  133.         color: rgba(255, 255, 255, 0.8);
  134.         text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  135.         transform: scale(1) translate3d(0, 0, 0);
  136.         background: transparent;
  137.         box-shadow: none;
  138.     }
  139.     100% {
  140.         color: transparent;
  141.         transform: scale(0) translate3d(0, 2000px, 0);
  142.         background: rgba(255, 255, 255, 0.3);
  143.         box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2);
  144.         border-radius: 50%;
  145.     }
  146. }
  147. </style>
  148.  
  149. </head>
  150. <body><html><body>
  151.  
  152.         <p>HACKED BY WILDAN_IZZUDIN</p>
  153.  
  154. </body></html>
  155. <script>
  156.   var paragraph = document.getElementsByTagName('p')[0];
  157.  
  158. function textEffect(animationName) {
  159.   var text = paragraph.innerHTML,
  160.         chars = text.length,
  161.         newText = '',
  162.         animation = animationName,
  163.         char,
  164.         i;
  165.  
  166.     for (i = 0; i < chars; i += 1) {
  167.         newText += '<i>' + text.charAt(i) + '</i>';
  168.     }
  169.  
  170.     paragraph.innerHTML = newText;
  171.  
  172.     var wrappedChars = document.getElementsByTagName('i'),
  173.         wrappedCharsLen = wrappedChars.length,
  174.         j = 0;
  175.  
  176.     function addEffect () {
  177.         setTimeout(function () {
  178.             wrappedChars[j].className = animation;
  179.             j += 1;
  180.             if (j < wrappedCharsLen) {
  181.                 addEffect();
  182.             }
  183.         }, 100)
  184.     }
  185.  
  186.     addEffect();
  187. };
  188.  
  189. textEffect('underxploit');
  190. </script>
  191. <audio autoplay loop> <source src="http://codevc.tk/music/jacson.mp3" type="audio/mpeg">
  192. </body>
  193. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!