API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 25th, 2020
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.32 KB | None | 0 0
raw download clone embed print report
  1. <!--Recode By Pst4r8-->
  2. <!--Nyolong = Pelermu ilang :V-->
  3. <!DOCTYPE html>
  4. <html lang="en" >
  5. <head>
  6. <link rel="icon" type="image/png" href="https://i.ibb.co/K6PrKwq/download-picsay.jpg"/>
  7. <meta property="og:image" content="https://i.ibb.co/KFJqnzf/download-2.jpg"/>
  8. <meta name='description' content='Pst4r8 Inside !!'/>
  9. <meta name='keywords' content='Pst4r8'/>
  10. <meta name='author' content='Pst4r8'/>
  11. <title>HACKED !!!</title>
  12. <link href="https://fonts.googleapis.com/css?family=Montserrat:100" rel="stylesheet">
  13. </head>
  14.  
  15. <body bgcolor="black">
  16. <style type="text/css">
  17. html, body, h1 {
  18. padding: 0;
  19. margin: 0;
  20. font-family: 'Montserrat', sans-serif;
  21. }
  22.  
  23. #app {
  24. background: #0a0a0a;
  25. height: 100vh;
  26. width: 100%;
  27. margin: 0;
  28. padding: 0;
  29. display: flex;
  30. flex-direction: column;
  31. justify-content: center;
  32. align-items: center;
  33. background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url("https://i.ibb.co/j5jv5f6/We-need-to-have-a-talk-on-the-subject-of-what-s-yours-and-what-s-mine-Stieg-Larsson-The-Girl-with-the-Dragon-Tattoo.jpg");
  34. background-size: cover;
  35. background-position: center;
  36. z-index: 1;
  37. }
  38.  
  39. #wrapper {
  40. text-align: center;
  41. }
  42.  
  43. .sub {
  44. color: #64dcdc;
  45. letter-spacing: 1em;
  46. }
  47.  
  48. /* Our mixin positions a copy of our text
  49. directly on our existing text, while
  50. also setting content to the appropriate
  51. text set in the data-text attribute. */
  52. .glitch {
  53. position: relative;
  54. color: white;
  55. font-size: 3em;
  56. letter-spacing: .5em;
  57. /* Animation provies a slight random skew. Check bottom of doc
  58. for more information on how to random skew. */
  59. animation: glitch-skew 1s infinite linear alternate-reverse;
  60. }
  61. .glitch::before {
  62. content: attr(data-text);
  63. position: absolute;
  64. top: 0;
  65. left: 0;
  66. width: 100%;
  67. height: 100%;
  68. left: 2px;
  69. text-shadow: -2px 0 #ff00c1;
  70. /* Creates an initial clip for our glitch. This works in
  71. a typical top,right,bottom,left fashion and creates a mask
  72. to only show a certain part of the glitch at a time. */
  73. clip: rect(44px, 450px, 56px, 0);
  74. /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
  75. with an alternating animation to keep things fresh. */
  76. animation: glitch-anim 5s infinite linear alternate-reverse;
  77. }
  78. .glitch::after {
  79. content: attr(data-text);
  80. position: absolute;
  81. top: 0;
  82. left: 0;
  83. width: 100%;
  84. height: 100%;
  85. left: -2px;
  86. text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  87. animation: glitch-anim2 1s infinite linear alternate-reverse;
  88. }
  89.  
  90. /* Creates an animation with 20 steaps. For each step, it calculates
  91. a percentage for the specific step. It then generates a random clip
  92. box to be used for the random glitch effect. Also adds a very subtle
  93. skew to change the 'thickness' of the glitch.*/
  94. @keyframes glitch-anim {
  95. 0% {
  96. clip: rect(87px, 9999px, 77px, 0);
  97. transform: skew(0.08deg);
  98. }
  99. 5% {
  100. clip: rect(100px, 9999px, 16px, 0);
  101. transform: skew(0.42deg);
  102. }
  103. 10% {
  104. clip: rect(48px, 9999px, 57px, 0);
  105. transform: skew(0.41deg);
  106. }
  107. 15% {
  108. clip: rect(77px, 9999px, 94px, 0);
  109. transform: skew(0.3deg);
  110. }
  111. 20% {
  112. clip: rect(62px, 9999px, 43px, 0);
  113. transform: skew(0.41deg);
  114. }
  115. 25% {
  116. clip: rect(55px, 9999px, 73px, 0);
  117. transform: skew(0.19deg);
  118. }
  119. 30% {
  120. clip: rect(30px, 9999px, 95px, 0);
  121. transform: skew(0.42deg);
  122. }
  123. 35% {
  124. clip: rect(64px, 9999px, 49px, 0);
  125. transform: skew(0.67deg);
  126. }
  127. 40% {
  128. clip: rect(16px, 9999px, 3px, 0);
  129. transform: skew(0.91deg);
  130. }
  131. 45% {
  132. clip: rect(77px, 9999px, 96px, 0);
  133. transform: skew(0.33deg);
  134. }
  135. 50% {
  136. clip: rect(84px, 9999px, 42px, 0);
  137. transform: skew(0.6deg);
  138. }
  139. 55% {
  140. clip: rect(35px, 9999px, 63px, 0);
  141. transform: skew(0.07deg);
  142. }
  143. 60% {
  144. clip: rect(34px, 9999px, 27px, 0);
  145. transform: skew(0.1deg);
  146. }
  147. 65% {
  148. clip: rect(74px, 9999px, 56px, 0);
  149. transform: skew(0.37deg);
  150. }
  151. 70% {
  152. clip: rect(11px, 9999px, 28px, 0);
  153. transform: skew(0.16deg);
  154. }
  155. 75% {
  156. clip: rect(49px, 9999px, 63px, 0);
  157. transform: skew(0.02deg);
  158. }
  159. 80% {
  160. clip: rect(92px, 9999px, 32px, 0);
  161. transform: skew(0.83deg);
  162. }
  163. 85% {
  164. clip: rect(31px, 9999px, 55px, 0);
  165. transform: skew(0.77deg);
  166. }
  167. 90% {
  168. clip: rect(85px, 9999px, 13px, 0);
  169. transform: skew(0.23deg);
  170. }
  171. 95% {
  172. clip: rect(1px, 9999px, 85px, 0);
  173. transform: skew(0.72deg);
  174. }
  175. 100% {
  176. clip: rect(25px, 9999px, 66px, 0);
  177. transform: skew(0.71deg);
  178. }
  179. }
  180. @keyframes glitch-anim2 {
  181. 0% {
  182. clip: rect(33px, 9999px, 60px, 0);
  183. transform: skew(0.12deg);
  184. }
  185. 5% {
  186. clip: rect(24px, 9999px, 23px, 0);
  187. transform: skew(0.01deg);
  188. }
  189. 10% {
  190. clip: rect(35px, 9999px, 3px, 0);
  191. transform: skew(0.36deg);
  192. }
  193. 15% {
  194. clip: rect(3px, 9999px, 77px, 0);
  195. transform: skew(0.33deg);
  196. }
  197. 20% {
  198. clip: rect(65px, 9999px, 64px, 0);
  199. transform: skew(0.34deg);
  200. }
  201. 25% {
  202. clip: rect(68px, 9999px, 36px, 0);
  203. transform: skew(0.28deg);
  204. }
  205. 30% {
  206. clip: rect(56px, 9999px, 64px, 0);
  207. transform: skew(0.05deg);
  208. }
  209. 35% {
  210. clip: rect(97px, 9999px, 94px, 0);
  211. transform: skew(0.22deg);
  212. }
  213. 40% {
  214. clip: rect(4px, 9999px, 78px, 0);
  215. transform: skew(0.85deg);
  216. }
  217. 45% {
  218. clip: rect(46px, 9999px, 7px, 0);
  219. transform: skew(0.14deg);
  220. }
  221. 50% {
  222. clip: rect(71px, 9999px, 55px, 0);
  223. transform: skew(0.87deg);
  224. }
  225. 55% {
  226. clip: rect(63px, 9999px, 68px, 0);
  227. transform: skew(0.47deg);
  228. }
  229. 60% {
  230. clip: rect(16px, 9999px, 36px, 0);
  231. transform: skew(0.68deg);
  232. }
  233. 65% {
  234. clip: rect(63px, 9999px, 89px, 0);
  235. transform: skew(0.59deg);
  236. }
  237. 70% {
  238. clip: rect(41px, 9999px, 13px, 0);
  239. transform: skew(0.86deg);
  240. }
  241. 75% {
  242. clip: rect(100px, 9999px, 38px, 0);
  243. transform: skew(0.6deg);
  244. }
  245. 80% {
  246. clip: rect(45px, 9999px, 6px, 0);
  247. transform: skew(0.65deg);
  248. }
  249. 85% {
  250. clip: rect(3px, 9999px, 100px, 0);
  251. transform: skew(0.42deg);
  252. }
  253. 90% {
  254. clip: rect(64px, 9999px, 15px, 0);
  255. transform: skew(0.39deg);
  256. }
  257. 95% {
  258. clip: rect(37px, 9999px, 35px, 0);
  259. transform: skew(0.11deg);
  260. }
  261. 100% {
  262. clip: rect(32px, 9999px, 37px, 0);
  263. transform: skew(0.47deg);
  264. }
  265. }
  266. @keyframes glitch-skew {
  267. 0% {
  268. transform: skew(3deg);
  269. }
  270. 10% {
  271. transform: skew(-2deg);
  272. }
  273. 20% {
  274. transform: skew(3deg);
  275. }
  276. 30% {
  277. transform: skew(2deg);
  278. }
  279. 40% {
  280. transform: skew(-2deg);
  281. }
  282. 50% {
  283. transform: skew(-2deg);
  284. }
  285. 60% {
  286. transform: skew(-1deg);
  287. }
  288. 70% {
  289. transform: skew(4deg);
  290. }
  291. 80% {
  292. transform: skew(-1deg);
  293. }
  294. 90% {
  295. transform: skew(2deg);
  296. }
  297. 100% {
  298. transform: skew(0deg);
  299. }
  300. }
  301. </style>
  302.  
  303. <div id="app">
  304. <div id="wrapper">
  305. <h1 class="glitch" data-text="PST4R8 INSIDE !!">PST4R8 INSIDE !!</h1><br><br>
  306. <font color="white" size="4"><h1>Aku Mung Wong Sepele<br>Sing Isone Mung Nyawang<br>Lan Ndongakke Koe</h1></font><br>
  307. <h2><span class="sub">Pejuang Sange 2K20</span></h2>
  308. </div>
  309. </div>
  310. <iframe width="0" height="0" src="https://5.top4top.net/m_133875ime0.mp3" frameborder="0" allowfullscreen></iframe>
  311. </body>
  312. </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!