API tools faq
paste
Advertisement
Guest User

index.html

a guest
May 23rd, 2019
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.62 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html><iframe width="0" height="0" src="https://s0.vocaroo.com/media/download_temp/Vocaroo_s09KSMjJOAFw.mp3" frameborder="0" allow fullscreen></iframe>
  4. <head>
  5. <script language="JavaScript">alert(" Hi :') ");alert(" sorry admin :') ");alert("i'm visited your website :') ");alert("And Something again :') ");alert(" Fuck your system :') ")</script><title>BalBaL.X</title>
  6. <meta name="viewport" content="width=device-width"/>
  7. </head>
  8. <body>
  9. <section><h2></h2></section>
  10. <link href='http://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'>
  11. <div class="viewport">
  12.  
  13. <div class="cube">
  14. <div class="side side-one">B</div>
  15. <div class="side side-two">a</div>
  16. <div class="side side-four">l</div>
  17. <div class="side side-five">B</div>
  18. <div class="cover-side">
  19. <div class="side-three">a</div>
  20. <div class="side-six">L</div>
  21. </div>
  22. </div>
  23.  
  24. </div>
  25. </body>
  26.  
  27. </html>
  28. <style>
  29.  
  30. .viewport {
  31. background:"black"
  32. -webkit-radial-gradient(center,circle,rgba(50,50,50,0.6),silver);
  33. perspective:1000px;
  34. width:300px;
  35. height:400px;
  36. }
  37.  
  38. .cube {
  39. -webkit-transform-style:preserve-3d;
  40. transform-origin:50% 50%;
  41. position:absolute;
  42. left:70px;
  43. top:100px;
  44. width:180px;
  45. height:150px;
  46. transform:rotateY(45deg);
  47. animation:cube-rotate 8s infinite linear;
  48. }
  49.  
  50. .side {
  51. border:1px solid white;
  52. border-radius:5px;
  53. width:150px;
  54. height:150px;
  55. text-align:center;
  56. opacity:0.6;
  57. font-size:7em;
  58. position:absolute;
  59. }
  60.  
  61. .side-one {
  62. transform-origin:50% 100%;
  63. transform:translateZ(-75px);
  64. background-color:red;
  65. animation:rotate-side-one 4s linear;
  66. visibility:show;
  67. }
  68. .side-two {
  69. transform-origin:50% 100%;
  70. transform:translateX(75px)
  71. rotateY(90deg);
  72. background-color:white;
  73. animation:rotate-side-two 8s linear;
  74. visibility:show;
  75. }
  76.  
  77. .side-four {
  78. transform-origin:50% 100%;
  79. transform:translateX(-75px)
  80. rotateY(-90deg);
  81. background-color:red;
  82. animation:rotate-side-four 12s linear;
  83. visibility:show;
  84. }
  85.  
  86. .cover-side {
  87. width:150px;
  88. height:300px;
  89. -webkit-transform-style:preserve-3d;
  90. transform-origin:50% 100%;
  91. transform:translateZ(75px) translateY(-150px)
  92. rotateX(0deg);
  93. animation:rotate-cover-side 16s linear;
  94. }
  95.  
  96. .side-three,.side-six {
  97. border:1px solid white;
  98. border-radius:5px;
  99. width:150px;
  100. height:150px;
  101. text-align:center;
  102. opacity:0.6;
  103. font-size:7em;
  104. }
  105.  
  106. .side-three{
  107. position:absolute;
  108. top:150px;
  109. transform-origin:50% 100%;
  110. transform:rotateX(0deg);
  111. background-color:white;
  112. visibility:show;
  113. }
  114.  
  115. .side-six {
  116. transform-origin:50% 100%;
  117. background-color:red;
  118. transform:rotateX(90deg);
  119. animation:rotate-side-six 20s linear;
  120. visibility:show;
  121. }
  122.  
  123. .side-five {
  124. transform-origin:50% 50%;
  125. background-color:white;
  126. transform:translateY(75px) rotateX(-90deg);
  127. visibility:show;
  128. }
  129.  
  130.  
  131. @keyframes cube-rotate{
  132. from {transform:rotateY(0deg) rotateX(0deg);}
  133. to {transform:rotateY(360deg) rotateX(360deg);}
  134. }
  135.  
  136. @keyframes rotate-side-one {
  137. from{transform:translateZ(-75px) rotateX(270deg);}
  138. to{transform:translateZ(-75px) rotateX(0deg);}
  139. }
  140.  
  141. @keyframes rotate-side-two {
  142. 0%{transform:translateX(75px) rotateY(90deg)
  143. rotateX(-270deg);}
  144. 50%{transform:translateX(75px) rotateY(90deg)
  145. rotateX(-270deg);}
  146. 100%{transform:translateX(75px) rotateY(90deg)
  147. rotateX(0deg);}
  148. }
  149.  
  150. @keyframes rotate-cover-side {
  151. 0%{transform:translateY(-150px) translateZ(75px)
  152. rotateX(-270deg);}
  153. 75%{transform:translateY(-150px) translateZ(75px)
  154. rotateX(-270deg);}
  155. 100%{transform:translateY(-150px) translateZ(75px)
  156. rotateX(0deg);}
  157. }
  158.  
  159. @keyframes rotate-side-four {
  160. 0%{transform:translateX(-75px) rotateY(-90deg)
  161. rotateX(-270deg);}
  162. 67%{transform:translateX(-75px) rotateY(-90deg)
  163. rotateX(-270deg);}
  164. 100%{transform: translateX(-75px) rotateY(-90deg)
  165. rotateX(0deg);}
  166. }
  167.  
  168. @keyframes rotate-side-six {
  169. 0% {transform:rotateX(-180deg);}
  170. 80% {transform:rotateX(-180deg);}
  171. 85% {transform:rotateX(-90deg);}
  172. 90% {transform:rotateX(45deg);}
  173. 95% {transform:rotateX(90deg);}
  174. 100% {transform:rotateX(90deg);}
  175. }
  176. .blink_text {
  177. -webkit-animation-name: blinker;
  178. -webkit-animation-duration: 3s;
  179. -webkit-animation-timing-function: linear;
  180. -webkit-animation-iteration-count: infinite;
  181.  
  182. -moz-animation-name: blinker;
  183. -moz-animation-duration: 1s;
  184. -moz-animation-timing-function: linear;
  185. -moz-animation-iteration-count: infinite;
  186.  
  187. animation-name: blinker;
  188. animation-duration: 1s;
  189. animation-timing-function: linear;
  190. animation-iteration-count: infinite;
  191.  
  192. color: white;
  193. }
  194.  
  195. @-moz-keyframes blinker {
  196. 0% { opacity: 1.0; }
  197. 50% { opacity: 0.0; }
  198. 100% { opacity: 1.0; }
  199. }
  200.  
  201. @-webkit-keyframes blinker {
  202. 0% { opacity: 1.0; }
  203. 50% { opacity: 0.0; }
  204. 100% { opacity: 1.0; }
  205. }
  206.  
  207. @keyframes blinker {
  208. 0% { opacity: 1.0; }
  209. 50% { opacity: 0.0; }
  210. 100% { opacity: 1.0; }
  211. }
  212. /*
  213. Author : subrahmanya mayya
  214. Content-Description : CSS hue rotation
  215. Release : stable release
  216. */
  217. body {
  218. margin:0;
  219. padding:0;
  220. }
  221. section{
  222. position:absolute ;
  223. top:0;
  224. left:0;
  225. width:100%;
  226. height:100vh;
  227. background:linear-gradient(90deg,#3f51b5,#00bcd4);
  228. animation:animate 20s linear infinite ;
  229. }
  230. @keyframes animate{
  231. 0%{
  232. filter:hue-rotate(0deg);
  233. }
  234. 50%{
  235. filter:hue-rotate(360deg);
  236. }
  237. 100%{
  238. filter:hue-rotate(0deg);
  239. }
  240. }
  241. section h2{
  242. color:#fff;
  243. text-transform:uppercase ;
  244. position:absolute ;
  245. top:50%;
  246. left:50%;
  247. transform:translate(-50%,-50%);
  248. text-align:center ;
  249. width:100%;
  250. }
  251. p.ridge {outline-style: ridge;}
  252. </style>
  253. <center>
  254.  
  255. <div class="blink_text"><font face="Rancho">
  256. <p><h1><font color="red" size="3px"> [ + ] <b> BalBaL.X</b> [ + ] </font><br><font color="white" size="2px" <b>Was Here</b>
  257. <font color="lime" face="Rancho">
  258. <p class="ridge"> Jadilah wanita yang sulit didapatkan<br>bila sudah didapatkan jadilah<br>wanita yang sulit di lepaskan<br>Jadilah seperti Aspal<br>Diam ketika di injak dan <br>Bisa melukai tanpa harus bergerak<p></div>
  259. <marquee>
  260. <font color="red" size="3px"> [+] TERMUX ID3 ||
  261. <font color="white"size="3px"> [+] W3LL SQUAD ||
  262. <font color="red" "size="3px"> Look-t ||
  263. <font color="white"size="3px"> Next jack ||
  264. <font color="red" size="3px"> Next Cyber Hack ||
  265. <font color="white"size="3px"> Next CR4WN ||
  266. <font color="red"size="3px"> Next FfourR ||
  267. <font color="white"size="3px"> Next ArsenioNW ||
  268. <font color="red"size="3px"> Next Ara ||
  269. <font color="white"size="3px"> N0L1MIT 3RR0R [+]
  270. </center></marquee>
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!