API tools faq
paste
MR_OZO

title

MR_OZO
Apr 3rd, 2019
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.17 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en" >
  2.  
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Hacked By Explosion Squad Cyber</title>
  6.  
  7.  
  8.  
  9. <link rel="stylesheet" href="css/style.css">
  10. <link rel="SHORTCUT ICON" href="https://ivoox.id/wp-content/uploads/2017/10/Bendera-Indonesia.png">
  11.  
  12.  
  13.  
  14. </head>
  15.  
  16. <body>
  17.  
  18. <link href='https://fonts.googleapis.com/css?family=Bungee' rel='stylesheet' type='text/css'>
  19. <div id='root'>
  20. <div data-text='Defaced by ./KamarM4yaT404' id='text'>
  21. Defaced By ./KamarM4yaT404
  22. </div>
  23. </div>
  24.  
  25. <style>
  26. * {
  27. box-sizing: border-box;
  28. -moz-box-sizing: border-box;
  29. -webkit-box-sizing: border-box;
  30. }
  31.  
  32. body {
  33. background: #111;
  34. font-family: 'Bungee', cursive;
  35. text-transform: uppercase;
  36. font-size: 50px;
  37. font-weight: bold;
  38. margin: 0;
  39. }
  40.  
  41. #root {
  42. position: absolute;
  43. top: 50%;
  44. -webkit-transform: translateY(-50%) translateX(-50%);
  45. -moz-transform: translateY(-50%) translateX(-50%);
  46. -ms-transform: translateY(-50%) translateX(-50%);
  47. -o-transform: translateY(-50%) translateX(-50%);
  48. transform: translateY(-50%) translateX(-50%);
  49. left: 50%;
  50. }
  51.  
  52. #text {
  53. top: 0;
  54. left: -6px;
  55. color: red;
  56. mix-blend-mode: screen;
  57. position: relative;
  58. white-space: nowrap;
  59. -webkit-filter: blur(1px);
  60. -moz-filter: blur(1px);
  61. filter: blur(1px);
  62. -webkit-animation: skew 2s infinite, flash .04s infinite;
  63. -moz-animation: skew 2s infinite, flash .04s infinite;
  64. -o-animation: skew 2s infinite, flash .04s infinite;
  65. animation: skew 2s infinite, flash .04s infinite;
  66. }
  67. #text:after, #text:before {
  68. content: attr(data-text);
  69. position: absolute;
  70. mix-blend-mode: screen;
  71. }
  72. #text:after {
  73. top: 0;
  74. left: 6px;
  75. color: blue;
  76. -webkit-animation: move 1.5s infinite;
  77. -moz-animation: move 1.5s infinite;
  78. -o-animation: move 1.5s infinite;
  79. animation: move 1.5s infinite;
  80. }
  81. #text:before {
  82. top: -2.4px;
  83. left: 3.6px;
  84. color: limegreen;
  85. }
  86.  
  87. .line {
  88. position: absolute;
  89. left: 0;
  90. right: 0;
  91. width: 100%;
  92. height: 1px;
  93. background: blue;
  94. mix-blend-mode: screen;
  95. -webkit-filter: blur(1px);
  96. -moz-filter: blur(1px);
  97. filter: blur(1px);
  98. }
  99. .line:after, .line:before {
  100. content: '';
  101. position: absolute;
  102. left: 0;
  103. width: 100%;
  104. height: 1px;
  105. mix-blend-mode: screen;
  106. }
  107. .line:after {
  108. top: 2px;
  109. background: red;
  110. }
  111. .line:before {
  112. top: -2px;
  113. background: limegreen;
  114. }
  115.  
  116. @-webkit-keyframes skew {
  117. 0% {
  118. -webkit-transform: none;
  119. -moz-transform: none;
  120. -ms-transform: none;
  121. -o-transform: none;
  122. transform: none;
  123. }
  124. 30% {
  125. -webkit-transform: none;
  126. -moz-transform: none;
  127. -ms-transform: none;
  128. -o-transform: none;
  129. transform: none;
  130. }
  131. 30.2% {
  132. -webkit-transform: skewX(50deg);
  133. -moz-transform: skewX(50deg);
  134. -ms-transform: skewX(50deg);
  135. -o-transform: skewX(50deg);
  136. transform: skewX(50deg);
  137. }
  138. 30.4% {
  139. -webkit-transform: skewX(-50deg);
  140. -moz-transform: skewX(-50deg);
  141. -ms-transform: skewX(-50deg);
  142. -o-transform: skewX(-50deg);
  143. transform: skewX(-50deg);
  144. }
  145. 31% {
  146. -webkit-transform: none;
  147. -moz-transform: none;
  148. -ms-transform: none;
  149. -o-transform: none;
  150. transform: none;
  151. }
  152. }
  153. @-moz-keyframes skew {
  154. 0% {
  155. -webkit-transform: none;
  156. -moz-transform: none;
  157. -ms-transform: none;
  158. -o-transform: none;
  159. transform: none;
  160. }
  161. 30% {
  162. -webkit-transform: none;
  163. -moz-transform: none;
  164. -ms-transform: none;
  165. -o-transform: none;
  166. transform: none;
  167. }
  168. 30.2% {
  169. -webkit-transform: skewX(50deg);
  170. -moz-transform: skewX(50deg);
  171. -ms-transform: skewX(50deg);
  172. -o-transform: skewX(50deg);
  173. transform: skewX(50deg);
  174. }
  175. 30.4% {
  176. -webkit-transform: skewX(-50deg);
  177. -moz-transform: skewX(-50deg);
  178. -ms-transform: skewX(-50deg);
  179. -o-transform: skewX(-50deg);
  180. transform: skewX(-50deg);
  181. }
  182. 31% {
  183. -webkit-transform: none;
  184. -moz-transform: none;
  185. -ms-transform: none;
  186. -o-transform: none;
  187. transform: none;
  188. }
  189. }
  190. @-o-keyframes skew {
  191. 0% {
  192. -webkit-transform: none;
  193. -moz-transform: none;
  194. -ms-transform: none;
  195. -o-transform: none;
  196. transform: none;
  197. }
  198. 30% {
  199. -webkit-transform: none;
  200. -moz-transform: none;
  201. -ms-transform: none;
  202. -o-transform: none;
  203. transform: none;
  204. }
  205. 30.2% {
  206. -webkit-transform: skewX(50deg);
  207. -moz-transform: skewX(50deg);
  208. -ms-transform: skewX(50deg);
  209. -o-transform: skewX(50deg);
  210. transform: skewX(50deg);
  211. }
  212. 30.4% {
  213. -webkit-transform: skewX(-50deg);
  214. -moz-transform: skewX(-50deg);
  215. -ms-transform: skewX(-50deg);
  216. -o-transform: skewX(-50deg);
  217. transform: skewX(-50deg);
  218. }
  219. 31% {
  220. -webkit-transform: none;
  221. -moz-transform: none;
  222. -ms-transform: none;
  223. -o-transform: none;
  224. transform: none;
  225. }
  226. }
  227. @keyframes skew {
  228. 0% {
  229. -webkit-transform: none;
  230. -moz-transform: none;
  231. -ms-transform: none;
  232. -o-transform: none;
  233. transform: none;
  234. }
  235. 30% {
  236. -webkit-transform: none;
  237. -moz-transform: none;
  238. -ms-transform: none;
  239. -o-transform: none;
  240. transform: none;
  241. }
  242. 30.2% {
  243. -webkit-transform: skewX(50deg);
  244. -moz-transform: skewX(50deg);
  245. -ms-transform: skewX(50deg);
  246. -o-transform: skewX(50deg);
  247. transform: skewX(50deg);
  248. }
  249. 30.4% {
  250. -webkit-transform: skewX(-50deg);
  251. -moz-transform: skewX(-50deg);
  252. -ms-transform: skewX(-50deg);
  253. -o-transform: skewX(-50deg);
  254. transform: skewX(-50deg);
  255. }
  256. 31% {
  257. -webkit-transform: none;
  258. -moz-transform: none;
  259. -ms-transform: none;
  260. -o-transform: none;
  261. transform: none;
  262. }
  263. }
  264. @-webkit-keyframes move {
  265. 0% {
  266. -webkit-transform: none;
  267. -moz-transform: none;
  268. -ms-transform: none;
  269. -o-transform: none;
  270. transform: none;
  271. }
  272. 30% {
  273. -webkit-transform: none;
  274. -moz-transform: none;
  275. -ms-transform: none;
  276. -o-transform: none;
  277. transform: none;
  278. }
  279. 31% {
  280. -webkit-transform: translateX(-6px);
  281. -moz-transform: translateX(-6px);
  282. -ms-transform: translateX(-6px);
  283. -o-transform: translateX(-6px);
  284. transform: translateX(-6px);
  285. }
  286. 33% {
  287. -webkit-transform: none;
  288. -moz-transform: none;
  289. -ms-transform: none;
  290. -o-transform: none;
  291. transform: none;
  292. }
  293. 98% {
  294. -webkit-transform: none;
  295. -moz-transform: none;
  296. -ms-transform: none;
  297. -o-transform: none;
  298. transform: none;
  299. }
  300. 100% {
  301. -webkit-transform: translateX(6px);
  302. -moz-transform: translateX(6px);
  303. -ms-transform: translateX(6px);
  304. -o-transform: translateX(6px);
  305. transform: translateX(6px);
  306. }
  307. }
  308. @-moz-keyframes move {
  309. 0% {
  310. -webkit-transform: none;
  311. -moz-transform: none;
  312. -ms-transform: none;
  313. -o-transform: none;
  314. transform: none;
  315. }
  316. 30% {
  317. -webkit-transform: none;
  318. -moz-transform: none;
  319. -ms-transform: none;
  320. -o-transform: none;
  321. transform: none;
  322. }
  323. 31% {
  324. -webkit-transform: translateX(-6px);
  325. -moz-transform: translateX(-6px);
  326. -ms-transform: translateX(-6px);
  327. -o-transform: translateX(-6px);
  328. transform: translateX(-6px);
  329. }
  330. 33% {
  331. -webkit-transform: none;
  332. -moz-transform: none;
  333. -ms-transform: none;
  334. -o-transform: none;
  335. transform: none;
  336. }
  337. 98% {
  338. -webkit-transform: none;
  339. -moz-transform: none;
  340. -ms-transform: none;
  341. -o-transform: none;
  342. transform: none;
  343. }
  344. 100% {
  345. -webkit-transform: translateX(6px);
  346. -moz-transform: translateX(6px);
  347. -ms-transform: translateX(6px);
  348. -o-transform: translateX(6px);
  349. transform: translateX(6px);
  350. }
  351. }
  352. @-o-keyframes move {
  353. 0% {
  354. -webkit-transform: none;
  355. -moz-transform: none;
  356. -ms-transform: none;
  357. -o-transform: none;
  358. transform: none;
  359. }
  360. 30% {
  361. -webkit-transform: none;
  362. -moz-transform: none;
  363. -ms-transform: none;
  364. -o-transform: none;
  365. transform: none;
  366. }
  367. 31% {
  368. -webkit-transform: translateX(-6px);
  369. -moz-transform: translateX(-6px);
  370. -ms-transform: translateX(-6px);
  371. -o-transform: translateX(-6px);
  372. transform: translateX(-6px);
  373. }
  374. 33% {
  375. -webkit-transform: none;
  376. -moz-transform: none;
  377. -ms-transform: none;
  378. -o-transform: none;
  379. transform: none;
  380. }
  381. 98% {
  382. -webkit-transform: none;
  383. -moz-transform: none;
  384. -ms-transform: none;
  385. -o-transform: none;
  386. transform: none;
  387. }
  388. 100% {
  389. -webkit-transform: translateX(6px);
  390. -moz-transform: translateX(6px);
  391. -ms-transform: translateX(6px);
  392. -o-transform: translateX(6px);
  393. transform: translateX(6px);
  394. }
  395. }
  396. @keyframes move {
  397. 0% {
  398. -webkit-transform: none;
  399. -moz-transform: none;
  400. -ms-transform: none;
  401. -o-transform: none;
  402. transform: none;
  403. }
  404. 30% {
  405. -webkit-transform: none;
  406. -moz-transform: none;
  407. -ms-transform: none;
  408. -o-transform: none;
  409. transform: none;
  410. }
  411. 31% {
  412. -webkit-transform: translateX(-6px);
  413. -moz-transform: translateX(-6px);
  414. -ms-transform: translateX(-6px);
  415. -o-transform: translateX(-6px);
  416. transform: translateX(-6px);
  417. }
  418. 33% {
  419. -webkit-transform: none;
  420. -moz-transform: none;
  421. -ms-transform: none;
  422. -o-transform: none;
  423. transform: none;
  424. }
  425. 98% {
  426. -webkit-transform: none;
  427. -moz-transform: none;
  428. -ms-transform: none;
  429. -o-transform: none;
  430. transform: none;
  431. }
  432. 100% {
  433. -webkit-transform: translateX(6px);
  434. -moz-transform: translateX(6px);
  435. -ms-transform: translateX(6px);
  436. -o-transform: translateX(6px);
  437. transform: translateX(6px);
  438. }
  439. }
  440. @-webkit-keyframes flash {
  441. 0% {
  442. opacity: 1;
  443. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  444. filter: alpha(opacity=100);
  445. }
  446. 50% {
  447. opacity: 0.5;
  448. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  449. filter: alpha(opacity=50);
  450. }
  451. }
  452. @-moz-keyframes flash {
  453. 0% {
  454. opacity: 1;
  455. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  456. filter: alpha(opacity=100);
  457. }
  458. 50% {
  459. opacity: 0.5;
  460. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  461. filter: alpha(opacity=50);
  462. }
  463. }
  464. @-o-keyframes flash {
  465. 0% {
  466. opacity: 1;
  467. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  468. filter: alpha(opacity=100);
  469. }
  470. 50% {
  471. opacity: 0.5;
  472. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  473. filter: alpha(opacity=50);
  474. }
  475. }
  476. @keyframes flash {
  477. 0% {
  478. opacity: 1;
  479. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  480. filter: alpha(opacity=100);
  481. }
  482. 50% {
  483. opacity: 0.5;
  484. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  485. filter: alpha(opacity=50);
  486. }
  487. }
  488. @-webkit-keyframes lines {
  489. 0% {
  490. opacity: 0.1;
  491. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  492. filter: alpha(opacity=10);
  493. }
  494. 50% {
  495. opacity: 1;
  496. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  497. filter: alpha(opacity=100);
  498. }
  499. }
  500. @-moz-keyframes lines {
  501. 0% {
  502. opacity: 0.1;
  503. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  504. filter: alpha(opacity=10);
  505. }
  506. 50% {
  507. opacity: 1;
  508. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  509. filter: alpha(opacity=100);
  510. }
  511. }
  512. @-o-keyframes lines {
  513. 0% {
  514. opacity: 0.1;
  515. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  516. filter: alpha(opacity=10);
  517. }
  518. 50% {
  519. opacity: 1;
  520. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  521. filter: alpha(opacity=100);
  522. }
  523. }
  524. @keyframes lines {
  525. 0% {
  526. opacity: 0.1;
  527. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  528. filter: alpha(opacity=10);
  529. }
  530. 50% {
  531. opacity: 1;
  532. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  533. filter: alpha(opacity=100);
  534. }
  535. }
  536. </style>
  537.  
  538. <script type="text/javascript">
  539. drawLines();
  540.  
  541. function getHeight(){
  542. return window.innerHeight
  543. || document.documentElement.clientHeight
  544. || document.body.clientHeight;
  545. }
  546.  
  547. function drawLines(){
  548. var lines = document.getElementsByClassName('line');
  549. if(lines.length) {
  550. for (var i = 0; i < lines.length; i++) {
  551. document.body.removeChild(lines[i]);
  552. }
  553. }
  554.  
  555. var height = getHeight();
  556. for(i=0; i< height/10; i++){
  557. var line = document.createElement("div");
  558. line.className = "line line-" + i;
  559. line.style.top = i * 10 + "px";
  560. var time = Math.random() * 5;
  561. line.style.animation = "lines " + time + "s infinite";
  562. document.body.appendChild(line) ;
  563. }
  564. }
  565.  
  566. window.onresize = function(event) {
  567. drawLines();
  568. };
  569. </script>
  570. !DOCTYPE html>
  571. <html lang="en" >
  572.  
  573. <head>
  574. <meta charset="UTF-8">
  575. <title>Hacked By Explosion Squad Cyber</title>
  576.  
  577.  
  578.  
  579. <link rel="stylesheet" href="css/style.css">
  580.  
  581.  
  582. </head>
  583.  
  584. <body>
  585.  
  586. <link href='https://fonts.googleapis.com/css?family=Bungee' rel='stylesheet' type='text/css'>
  587. <link rel="SHORTCUT ICON" href="https://ivoox.id/wp-content/uploads/2017/10/Bendera-Indonesia.png">
  588. <div id='root'>
  589. <div data-text='Defaced by ./KamarM4yaT404' id='text'>
  590. Defaced By ./KamarM4yaT404
  591. </div>
  592. </div>
  593.  
  594. <style>
  595. * {
  596. box-sizing: border-box;
  597. -moz-box-sizing: border-box;
  598. -webkit-box-sizing: border-box;
  599. }
  600.  
  601. body {
  602. background: #111;
  603. font-family: 'Bungee', cursive;
  604. text-transform: uppercase;
  605. font-size: 50px;
  606. font-weight: bold;
  607. margin: 0;
  608. }
  609.  
  610. #root {
  611. position: absolute;
  612. top: 50%;
  613. -webkit-transform: translateY(-50%) translateX(-50%);
  614. -moz-transform: translateY(-50%) translateX(-50%);
  615. -ms-transform: translateY(-50%) translateX(-50%);
  616. -o-transform: translateY(-50%) translateX(-50%);
  617. transform: translateY(-50%) translateX(-50%);
  618. left: 50%;
  619. }
  620.  
  621. #text {
  622. top: 0;
  623. left: -6px;
  624. color: red;
  625. mix-blend-mode: screen;
  626. position: relative;
  627. white-space: nowrap;
  628. -webkit-filter: blur(1px);
  629. -moz-filter: blur(1px);
  630. filter: blur(1px);
  631. -webkit-animation: skew 2s infinite, flash .04s infinite;
  632. -moz-animation: skew 2s infinite, flash .04s infinite;
  633. -o-animation: skew 2s infinite, flash .04s infinite;
  634. animation: skew 2s infinite, flash .04s infinite;
  635. }
  636. #text:after, #text:before {
  637. content: attr(data-text);
  638. position: absolute;
  639. mix-blend-mode: screen;
  640. }
  641. #text:after {
  642. top: 0;
  643. left: 6px;
  644. color: blue;
  645. -webkit-animation: move 1.5s infinite;
  646. -moz-animation: move 1.5s infinite;
  647. -o-animation: move 1.5s infinite;
  648. animation: move 1.5s infinite;
  649. }
  650. #text:before {
  651. top: -2.4px;
  652. left: 3.6px;
  653. color: limegreen;
  654. }
  655.  
  656. .line {
  657. position: absolute;
  658. left: 0;
  659. right: 0;
  660. width: 100%;
  661. height: 1px;
  662. background: blue;
  663. mix-blend-mode: screen;
  664. -webkit-filter: blur(1px);
  665. -moz-filter: blur(1px);
  666. filter: blur(1px);
  667. }
  668. .line:after, .line:before {
  669. content: '';
  670. position: absolute;
  671. left: 0;
  672. width: 100%;
  673. height: 1px;
  674. mix-blend-mode: screen;
  675. }
  676. .line:after {
  677. top: 2px;
  678. background: red;
  679. }
  680. .line:before {
  681. top: -2px;
  682. background: limegreen;
  683. }
  684.  
  685. @-webkit-keyframes skew {
  686. 0% {
  687. -webkit-transform: none;
  688. -moz-transform: none;
  689. -ms-transform: none;
  690. -o-transform: none;
  691. transform: none;
  692. }
  693. 30% {
  694. -webkit-transform: none;
  695. -moz-transform: none;
  696. -ms-transform: none;
  697. -o-transform: none;
  698. transform: none;
  699. }
  700. 30.2% {
  701. -webkit-transform: skewX(50deg);
  702. -moz-transform: skewX(50deg);
  703. -ms-transform: skewX(50deg);
  704. -o-transform: skewX(50deg);
  705. transform: skewX(50deg);
  706. }
  707. 30.4% {
  708. -webkit-transform: skewX(-50deg);
  709. -moz-transform: skewX(-50deg);
  710. -ms-transform: skewX(-50deg);
  711. -o-transform: skewX(-50deg);
  712. transform: skewX(-50deg);
  713. }
  714. 31% {
  715. -webkit-transform: none;
  716. -moz-transform: none;
  717. -ms-transform: none;
  718. -o-transform: none;
  719. transform: none;
  720. }
  721. }
  722. @-moz-keyframes skew {
  723. 0% {
  724. -webkit-transform: none;
  725. -moz-transform: none;
  726. -ms-transform: none;
  727. -o-transform: none;
  728. transform: none;
  729. }
  730. 30% {
  731. -webkit-transform: none;
  732. -moz-transform: none;
  733. -ms-transform: none;
  734. -o-transform: none;
  735. transform: none;
  736. }
  737. 30.2% {
  738. -webkit-transform: skewX(50deg);
  739. -moz-transform: skewX(50deg);
  740. -ms-transform: skewX(50deg);
  741. -o-transform: skewX(50deg);
  742. transform: skewX(50deg);
  743. }
  744. 30.4% {
  745. -webkit-transform: skewX(-50deg);
  746. -moz-transform: skewX(-50deg);
  747. -ms-transform: skewX(-50deg);
  748. -o-transform: skewX(-50deg);
  749. transform: skewX(-50deg);
  750. }
  751. 31% {
  752. -webkit-transform: none;
  753. -moz-transform: none;
  754. -ms-transform: none;
  755. -o-transform: none;
  756. transform: none;
  757. }
  758. }
  759. @-o-keyframes skew {
  760. 0% {
  761. -webkit-transform: none;
  762. -moz-transform: none;
  763. -ms-transform: none;
  764. -o-transform: none;
  765. transform: none;
  766. }
  767. 30% {
  768. -webkit-transform: none;
  769. -moz-transform: none;
  770. -ms-transform: none;
  771. -o-transform: none;
  772. transform: none;
  773. }
  774. 30.2% {
  775. -webkit-transform: skewX(50deg);
  776. -moz-transform: skewX(50deg);
  777. -ms-transform: skewX(50deg);
  778. -o-transform: skewX(50deg);
  779. transform: skewX(50deg);
  780. }
  781. 30.4% {
  782. -webkit-transform: skewX(-50deg);
  783. -moz-transform: skewX(-50deg);
  784. -ms-transform: skewX(-50deg);
  785. -o-transform: skewX(-50deg);
  786. transform: skewX(-50deg);
  787. }
  788. 31% {
  789. -webkit-transform: none;
  790. -moz-transform: none;
  791. -ms-transform: none;
  792. -o-transform: none;
  793. transform: none;
  794. }
  795. }
  796. @keyframes skew {
  797. 0% {
  798. -webkit-transform: none;
  799. -moz-transform: none;
  800. -ms-transform: none;
  801. -o-transform: none;
  802. transform: none;
  803. }
  804. 30% {
  805. -webkit-transform: none;
  806. -moz-transform: none;
  807. -ms-transform: none;
  808. -o-transform: none;
  809. transform: none;
  810. }
  811. 30.2% {
  812. -webkit-transform: skewX(50deg);
  813. -moz-transform: skewX(50deg);
  814. -ms-transform: skewX(50deg);
  815. -o-transform: skewX(50deg);
  816. transform: skewX(50deg);
  817. }
  818. 30.4% {
  819. -webkit-transform: skewX(-50deg);
  820. -moz-transform: skewX(-50deg);
  821. -ms-transform: skewX(-50deg);
  822. -o-transform: skewX(-50deg);
  823. transform: skewX(-50deg);
  824. }
  825. 31% {
  826. -webkit-transform: none;
  827. -moz-transform: none;
  828. -ms-transform: none;
  829. -o-transform: none;
  830. transform: none;
  831. }
  832. }
  833. @-webkit-keyframes move {
  834. 0% {
  835. -webkit-transform: none;
  836. -moz-transform: none;
  837. -ms-transform: none;
  838. -o-transform: none;
  839. transform: none;
  840. }
  841. 30% {
  842. -webkit-transform: none;
  843. -moz-transform: none;
  844. -ms-transform: none;
  845. -o-transform: none;
  846. transform: none;
  847. }
  848. 31% {
  849. -webkit-transform: translateX(-6px);
  850. -moz-transform: translateX(-6px);
  851. -ms-transform: translateX(-6px);
  852. -o-transform: translateX(-6px);
  853. transform: translateX(-6px);
  854. }
  855. 33% {
  856. -webkit-transform: none;
  857. -moz-transform: none;
  858. -ms-transform: none;
  859. -o-transform: none;
  860. transform: none;
  861. }
  862. 98% {
  863. -webkit-transform: none;
  864. -moz-transform: none;
  865. -ms-transform: none;
  866. -o-transform: none;
  867. transform: none;
  868. }
  869. 100% {
  870. -webkit-transform: translateX(6px);
  871. -moz-transform: translateX(6px);
  872. -ms-transform: translateX(6px);
  873. -o-transform: translateX(6px);
  874. transform: translateX(6px);
  875. }
  876. }
  877. @-moz-keyframes move {
  878. 0% {
  879. -webkit-transform: none;
  880. -moz-transform: none;
  881. -ms-transform: none;
  882. -o-transform: none;
  883. transform: none;
  884. }
  885. 30% {
  886. -webkit-transform: none;
  887. -moz-transform: none;
  888. -ms-transform: none;
  889. -o-transform: none;
  890. transform: none;
  891. }
  892. 31% {
  893. -webkit-transform: translateX(-6px);
  894. -moz-transform: translateX(-6px);
  895. -ms-transform: translateX(-6px);
  896. -o-transform: translateX(-6px);
  897. transform: translateX(-6px);
  898. }
  899. 33% {
  900. -webkit-transform: none;
  901. -moz-transform: none;
  902. -ms-transform: none;
  903. -o-transform: none;
  904. transform: none;
  905. }
  906. 98% {
  907. -webkit-transform: none;
  908. -moz-transform: none;
  909. -ms-transform: none;
  910. -o-transform: none;
  911. transform: none;
  912. }
  913. 100% {
  914. -webkit-transform: translateX(6px);
  915. -moz-transform: translateX(6px);
  916. -ms-transform: translateX(6px);
  917. -o-transform: translateX(6px);
  918. transform: translateX(6px);
  919. }
  920. }
  921. @-o-keyframes move {
  922. 0% {
  923. -webkit-transform: none;
  924. -moz-transform: none;
  925. -ms-transform: none;
  926. -o-transform: none;
  927. transform: none;
  928. }
  929. 30% {
  930. -webkit-transform: none;
  931. -moz-transform: none;
  932. -ms-transform: none;
  933. -o-transform: none;
  934. transform: none;
  935. }
  936. 31% {
  937. -webkit-transform: translateX(-6px);
  938. -moz-transform: translateX(-6px);
  939. -ms-transform: translateX(-6px);
  940. -o-transform: translateX(-6px);
  941. transform: translateX(-6px);
  942. }
  943. 33% {
  944. -webkit-transform: none;
  945. -moz-transform: none;
  946. -ms-transform: none;
  947. -o-transform: none;
  948. transform: none;
  949. }
  950. 98% {
  951. -webkit-transform: none;
  952. -moz-transform: none;
  953. -ms-transform: none;
  954. -o-transform: none;
  955. transform: none;
  956. }
  957. 100% {
  958. -webkit-transform: translateX(6px);
  959. -moz-transform: translateX(6px);
  960. -ms-transform: translateX(6px);
  961. -o-transform: translateX(6px);
  962. transform: translateX(6px);
  963. }
  964. }
  965. @keyframes move {
  966. 0% {
  967. -webkit-transform: none;
  968. -moz-transform: none;
  969. -ms-transform: none;
  970. -o-transform: none;
  971. transform: none;
  972. }
  973. 30% {
  974. -webkit-transform: none;
  975. -moz-transform: none;
  976. -ms-transform: none;
  977. -o-transform: none;
  978. transform: none;
  979. }
  980. 31% {
  981. -webkit-transform: translateX(-6px);
  982. -moz-transform: translateX(-6px);
  983. -ms-transform: translateX(-6px);
  984. -o-transform: translateX(-6px);
  985. transform: translateX(-6px);
  986. }
  987. 33% {
  988. -webkit-transform: none;
  989. -moz-transform: none;
  990. -ms-transform: none;
  991. -o-transform: none;
  992. transform: none;
  993. }
  994. 98% {
  995. -webkit-transform: none;
  996. -moz-transform: none;
  997. -ms-transform: none;
  998. -o-transform: none;
  999. transform: none;
  1000. }
  1001. 100% {
  1002. -webkit-transform: translateX(6px);
  1003. -moz-transform: translateX(6px);
  1004. -ms-transform: translateX(6px);
  1005. -o-transform: translateX(6px);
  1006. transform: translateX(6px);
  1007. }
  1008. }
  1009. @-webkit-keyframes flash {
  1010. 0% {
  1011. opacity: 1;
  1012. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1013. filter: alpha(opacity=100);
  1014. }
  1015. 50% {
  1016. opacity: 0.5;
  1017. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1018. filter: alpha(opacity=50);
  1019. }
  1020. }
  1021. @-moz-keyframes flash {
  1022. 0% {
  1023. opacity: 1;
  1024. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1025. filter: alpha(opacity=100);
  1026. }
  1027. 50% {
  1028. opacity: 0.5;
  1029. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1030. filter: alpha(opacity=50);
  1031. }
  1032. }
  1033. @-o-keyframes flash {
  1034. 0% {
  1035. opacity: 1;
  1036. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1037. filter: alpha(opacity=100);
  1038. }
  1039. 50% {
  1040. opacity: 0.5;
  1041. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1042. filter: alpha(opacity=50);
  1043. }
  1044. }
  1045. @keyframes flash {
  1046. 0% {
  1047. opacity: 1;
  1048. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1049. filter: alpha(opacity=100);
  1050. }
  1051. 50% {
  1052. opacity: 0.5;
  1053. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1054. filter: alpha(opacity=50);
  1055. }
  1056. }
  1057. @-webkit-keyframes lines {
  1058. 0% {
  1059. opacity: 0.1;
  1060. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1061. filter: alpha(opacity=10);
  1062. }
  1063. 50% {
  1064. opacity: 1;
  1065. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1066. filter: alpha(opacity=100);
  1067. }
  1068. }
  1069. @-moz-keyframes lines {
  1070. 0% {
  1071. opacity: 0.1;
  1072. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1073. filter: alpha(opacity=10);
  1074. }
  1075. 50% {
  1076. opacity: 1;
  1077. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1078. filter: alpha(opacity=100);
  1079. }
  1080. }
  1081. @-o-keyframes lines {
  1082. 0% {
  1083. opacity: 0.1;
  1084. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1085. filter: alpha(opacity=10);
  1086. }
  1087. 50% {
  1088. opacity: 1;
  1089. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1090. filter: alpha(opacity=100);
  1091. }
  1092. }
  1093. @keyframes lines {
  1094. 0% {
  1095. opacity: 0.1;
  1096. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1097. filter: alpha(opacity=10);
  1098. }
  1099. 50% {
  1100. opacity: 1;
  1101. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1102. filter: alpha(opacity=100);
  1103. }
  1104. }
  1105. </style>
  1106.  
  1107. <script type="text/javascript">
  1108. drawLines();
  1109.  
  1110. function getHeight(){
  1111. return window.innerHeight
  1112. || document.documentElement.clientHeight
  1113. || document.body.clientHeight;
  1114. }
  1115.  
  1116. function drawLines(){
  1117. var lines = document.getElementsByClassName('line');
  1118. if(lines.length) {
  1119. for (var i = 0; i < lines.length; i++) {
  1120. document.body.removeChild(lines[i]);
  1121. }
  1122. }
  1123.  
  1124. var height = getHeight();
  1125. for(i=0; i< height/10; i++){
  1126. var line = document.createElement("div");
  1127. line.className = "line line-" + i;
  1128. line.style.top = i * 10 + "px";
  1129. var time = Math.random() * 5;
  1130. line.style.animation = "lines " + time + "s infinite";
  1131. document.body.appendChild(line) ;
  1132. }
  1133. }
  1134.  
  1135. window.onresize = function(event) {
  1136. drawLines();
  1137. };
  1138. </script>
  1139. !DOCTYPE html>
  1140. <html lang="en" >
  1141.  
  1142. <head>
  1143. <meta charset="UTF-8">
  1144. <title>Hacked By Explosion Squad Cyber</title>
  1145.  
  1146.  
  1147.  
  1148. <link rel="stylesheet" href="css/style.css">
  1149.  
  1150.  
  1151. </head>
  1152.  
  1153. <body>
  1154.  
  1155. <link href='https://fonts.googleapis.com/css?family=Bungee' rel='stylesheet' type='text/css'>
  1156. <link rel="SHORTCUT ICON" href="https://ivoox.id/wp-content/uploads/2017/10/Bendera-Indonesia.png">
  1157. <div id='root'>
  1158. <div data-text='Defaced by ./KamarM4yaT404' id='text'>
  1159. Defaced By ./KamarM4yaT404
  1160. </div>
  1161. </div>
  1162.  
  1163. <style>
  1164. * {
  1165. box-sizing: border-box;
  1166. -moz-box-sizing: border-box;
  1167. -webkit-box-sizing: border-box;
  1168. }
  1169.  
  1170. body {
  1171. background: #111;
  1172. font-family: 'Bungee', cursive;
  1173. text-transform: uppercase;
  1174. font-size: 50px;
  1175. font-weight: bold;
  1176. margin: 0;
  1177. }
  1178.  
  1179. #root {
  1180. position: absolute;
  1181. top: 50%;
  1182. -webkit-transform: translateY(-50%) translateX(-50%);
  1183. -moz-transform: translateY(-50%) translateX(-50%);
  1184. -ms-transform: translateY(-50%) translateX(-50%);
  1185. -o-transform: translateY(-50%) translateX(-50%);
  1186. transform: translateY(-50%) translateX(-50%);
  1187. left: 50%;
  1188. }
  1189.  
  1190. #text {
  1191. top: 0;
  1192. left: -6px;
  1193. color: red;
  1194. mix-blend-mode: screen;
  1195. position: relative;
  1196. white-space: nowrap;
  1197. -webkit-filter: blur(1px);
  1198. -moz-filter: blur(1px);
  1199. filter: blur(1px);
  1200. -webkit-animation: skew 2s infinite, flash .04s infinite;
  1201. -moz-animation: skew 2s infinite, flash .04s infinite;
  1202. -o-animation: skew 2s infinite, flash .04s infinite;
  1203. animation: skew 2s infinite, flash .04s infinite;
  1204. }
  1205. #text:after, #text:before {
  1206. content: attr(data-text);
  1207. position: absolute;
  1208. mix-blend-mode: screen;
  1209. }
  1210. #text:after {
  1211. top: 0;
  1212. left: 6px;
  1213. color: blue;
  1214. -webkit-animation: move 1.5s infinite;
  1215. -moz-animation: move 1.5s infinite;
  1216. -o-animation: move 1.5s infinite;
  1217. animation: move 1.5s infinite;
  1218. }
  1219. #text:before {
  1220. top: -2.4px;
  1221. left: 3.6px;
  1222. color: limegreen;
  1223. }
  1224.  
  1225. .line {
  1226. position: absolute;
  1227. left: 0;
  1228. right: 0;
  1229. width: 100%;
  1230. height: 1px;
  1231. background: blue;
  1232. mix-blend-mode: screen;
  1233. -webkit-filter: blur(1px);
  1234. -moz-filter: blur(1px);
  1235. filter: blur(1px);
  1236. }
  1237. .line:after, .line:before {
  1238. content: '';
  1239. position: absolute;
  1240. left: 0;
  1241. width: 100%;
  1242. height: 1px;
  1243. mix-blend-mode: screen;
  1244. }
  1245. .line:after {
  1246. top: 2px;
  1247. background: red;
  1248. }
  1249. .line:before {
  1250. top: -2px;
  1251. background: limegreen;
  1252. }
  1253.  
  1254. @-webkit-keyframes skew {
  1255. 0% {
  1256. -webkit-transform: none;
  1257. -moz-transform: none;
  1258. -ms-transform: none;
  1259. -o-transform: none;
  1260. transform: none;
  1261. }
  1262. 30% {
  1263. -webkit-transform: none;
  1264. -moz-transform: none;
  1265. -ms-transform: none;
  1266. -o-transform: none;
  1267. transform: none;
  1268. }
  1269. 30.2% {
  1270. -webkit-transform: skewX(50deg);
  1271. -moz-transform: skewX(50deg);
  1272. -ms-transform: skewX(50deg);
  1273. -o-transform: skewX(50deg);
  1274. transform: skewX(50deg);
  1275. }
  1276. 30.4% {
  1277. -webkit-transform: skewX(-50deg);
  1278. -moz-transform: skewX(-50deg);
  1279. -ms-transform: skewX(-50deg);
  1280. -o-transform: skewX(-50deg);
  1281. transform: skewX(-50deg);
  1282. }
  1283. 31% {
  1284. -webkit-transform: none;
  1285. -moz-transform: none;
  1286. -ms-transform: none;
  1287. -o-transform: none;
  1288. transform: none;
  1289. }
  1290. }
  1291. @-moz-keyframes skew {
  1292. 0% {
  1293. -webkit-transform: none;
  1294. -moz-transform: none;
  1295. -ms-transform: none;
  1296. -o-transform: none;
  1297. transform: none;
  1298. }
  1299. 30% {
  1300. -webkit-transform: none;
  1301. -moz-transform: none;
  1302. -ms-transform: none;
  1303. -o-transform: none;
  1304. transform: none;
  1305. }
  1306. 30.2% {
  1307. -webkit-transform: skewX(50deg);
  1308. -moz-transform: skewX(50deg);
  1309. -ms-transform: skewX(50deg);
  1310. -o-transform: skewX(50deg);
  1311. transform: skewX(50deg);
  1312. }
  1313. 30.4% {
  1314. -webkit-transform: skewX(-50deg);
  1315. -moz-transform: skewX(-50deg);
  1316. -ms-transform: skewX(-50deg);
  1317. -o-transform: skewX(-50deg);
  1318. transform: skewX(-50deg);
  1319. }
  1320. 31% {
  1321. -webkit-transform: none;
  1322. -moz-transform: none;
  1323. -ms-transform: none;
  1324. -o-transform: none;
  1325. transform: none;
  1326. }
  1327. }
  1328. @-o-keyframes skew {
  1329. 0% {
  1330. -webkit-transform: none;
  1331. -moz-transform: none;
  1332. -ms-transform: none;
  1333. -o-transform: none;
  1334. transform: none;
  1335. }
  1336. 30% {
  1337. -webkit-transform: none;
  1338. -moz-transform: none;
  1339. -ms-transform: none;
  1340. -o-transform: none;
  1341. transform: none;
  1342. }
  1343. 30.2% {
  1344. -webkit-transform: skewX(50deg);
  1345. -moz-transform: skewX(50deg);
  1346. -ms-transform: skewX(50deg);
  1347. -o-transform: skewX(50deg);
  1348. transform: skewX(50deg);
  1349. }
  1350. 30.4% {
  1351. -webkit-transform: skewX(-50deg);
  1352. -moz-transform: skewX(-50deg);
  1353. -ms-transform: skewX(-50deg);
  1354. -o-transform: skewX(-50deg);
  1355. transform: skewX(-50deg);
  1356. }
  1357. 31% {
  1358. -webkit-transform: none;
  1359. -moz-transform: none;
  1360. -ms-transform: none;
  1361. -o-transform: none;
  1362. transform: none;
  1363. }
  1364. }
  1365. @keyframes skew {
  1366. 0% {
  1367. -webkit-transform: none;
  1368. -moz-transform: none;
  1369. -ms-transform: none;
  1370. -o-transform: none;
  1371. transform: none;
  1372. }
  1373. 30% {
  1374. -webkit-transform: none;
  1375. -moz-transform: none;
  1376. -ms-transform: none;
  1377. -o-transform: none;
  1378. transform: none;
  1379. }
  1380. 30.2% {
  1381. -webkit-transform: skewX(50deg);
  1382. -moz-transform: skewX(50deg);
  1383. -ms-transform: skewX(50deg);
  1384. -o-transform: skewX(50deg);
  1385. transform: skewX(50deg);
  1386. }
  1387. 30.4% {
  1388. -webkit-transform: skewX(-50deg);
  1389. -moz-transform: skewX(-50deg);
  1390. -ms-transform: skewX(-50deg);
  1391. -o-transform: skewX(-50deg);
  1392. transform: skewX(-50deg);
  1393. }
  1394. 31% {
  1395. -webkit-transform: none;
  1396. -moz-transform: none;
  1397. -ms-transform: none;
  1398. -o-transform: none;
  1399. transform: none;
  1400. }
  1401. }
  1402. @-webkit-keyframes move {
  1403. 0% {
  1404. -webkit-transform: none;
  1405. -moz-transform: none;
  1406. -ms-transform: none;
  1407. -o-transform: none;
  1408. transform: none;
  1409. }
  1410. 30% {
  1411. -webkit-transform: none;
  1412. -moz-transform: none;
  1413. -ms-transform: none;
  1414. -o-transform: none;
  1415. transform: none;
  1416. }
  1417. 31% {
  1418. -webkit-transform: translateX(-6px);
  1419. -moz-transform: translateX(-6px);
  1420. -ms-transform: translateX(-6px);
  1421. -o-transform: translateX(-6px);
  1422. transform: translateX(-6px);
  1423. }
  1424. 33% {
  1425. -webkit-transform: none;
  1426. -moz-transform: none;
  1427. -ms-transform: none;
  1428. -o-transform: none;
  1429. transform: none;
  1430. }
  1431. 98% {
  1432. -webkit-transform: none;
  1433. -moz-transform: none;
  1434. -ms-transform: none;
  1435. -o-transform: none;
  1436. transform: none;
  1437. }
  1438. 100% {
  1439. -webkit-transform: translateX(6px);
  1440. -moz-transform: translateX(6px);
  1441. -ms-transform: translateX(6px);
  1442. -o-transform: translateX(6px);
  1443. transform: translateX(6px);
  1444. }
  1445. }
  1446. @-moz-keyframes move {
  1447. 0% {
  1448. -webkit-transform: none;
  1449. -moz-transform: none;
  1450. -ms-transform: none;
  1451. -o-transform: none;
  1452. transform: none;
  1453. }
  1454. 30% {
  1455. -webkit-transform: none;
  1456. -moz-transform: none;
  1457. -ms-transform: none;
  1458. -o-transform: none;
  1459. transform: none;
  1460. }
  1461. 31% {
  1462. -webkit-transform: translateX(-6px);
  1463. -moz-transform: translateX(-6px);
  1464. -ms-transform: translateX(-6px);
  1465. -o-transform: translateX(-6px);
  1466. transform: translateX(-6px);
  1467. }
  1468. 33% {
  1469. -webkit-transform: none;
  1470. -moz-transform: none;
  1471. -ms-transform: none;
  1472. -o-transform: none;
  1473. transform: none;
  1474. }
  1475. 98% {
  1476. -webkit-transform: none;
  1477. -moz-transform: none;
  1478. -ms-transform: none;
  1479. -o-transform: none;
  1480. transform: none;
  1481. }
  1482. 100% {
  1483. -webkit-transform: translateX(6px);
  1484. -moz-transform: translateX(6px);
  1485. -ms-transform: translateX(6px);
  1486. -o-transform: translateX(6px);
  1487. transform: translateX(6px);
  1488. }
  1489. }
  1490. @-o-keyframes move {
  1491. 0% {
  1492. -webkit-transform: none;
  1493. -moz-transform: none;
  1494. -ms-transform: none;
  1495. -o-transform: none;
  1496. transform: none;
  1497. }
  1498. 30% {
  1499. -webkit-transform: none;
  1500. -moz-transform: none;
  1501. -ms-transform: none;
  1502. -o-transform: none;
  1503. transform: none;
  1504. }
  1505. 31% {
  1506. -webkit-transform: translateX(-6px);
  1507. -moz-transform: translateX(-6px);
  1508. -ms-transform: translateX(-6px);
  1509. -o-transform: translateX(-6px);
  1510. transform: translateX(-6px);
  1511. }
  1512. 33% {
  1513. -webkit-transform: none;
  1514. -moz-transform: none;
  1515. -ms-transform: none;
  1516. -o-transform: none;
  1517. transform: none;
  1518. }
  1519. 98% {
  1520. -webkit-transform: none;
  1521. -moz-transform: none;
  1522. -ms-transform: none;
  1523. -o-transform: none;
  1524. transform: none;
  1525. }
  1526. 100% {
  1527. -webkit-transform: translateX(6px);
  1528. -moz-transform: translateX(6px);
  1529. -ms-transform: translateX(6px);
  1530. -o-transform: translateX(6px);
  1531. transform: translateX(6px);
  1532. }
  1533. }
  1534. @keyframes move {
  1535. 0% {
  1536. -webkit-transform: none;
  1537. -moz-transform: none;
  1538. -ms-transform: none;
  1539. -o-transform: none;
  1540. transform: none;
  1541. }
  1542. 30% {
  1543. -webkit-transform: none;
  1544. -moz-transform: none;
  1545. -ms-transform: none;
  1546. -o-transform: none;
  1547. transform: none;
  1548. }
  1549. 31% {
  1550. -webkit-transform: translateX(-6px);
  1551. -moz-transform: translateX(-6px);
  1552. -ms-transform: translateX(-6px);
  1553. -o-transform: translateX(-6px);
  1554. transform: translateX(-6px);
  1555. }
  1556. 33% {
  1557. -webkit-transform: none;
  1558. -moz-transform: none;
  1559. -ms-transform: none;
  1560. -o-transform: none;
  1561. transform: none;
  1562. }
  1563. 98% {
  1564. -webkit-transform: none;
  1565. -moz-transform: none;
  1566. -ms-transform: none;
  1567. -o-transform: none;
  1568. transform: none;
  1569. }
  1570. 100% {
  1571. -webkit-transform: translateX(6px);
  1572. -moz-transform: translateX(6px);
  1573. -ms-transform: translateX(6px);
  1574. -o-transform: translateX(6px);
  1575. transform: translateX(6px);
  1576. }
  1577. }
  1578. @-webkit-keyframes flash {
  1579. 0% {
  1580. opacity: 1;
  1581. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1582. filter: alpha(opacity=100);
  1583. }
  1584. 50% {
  1585. opacity: 0.5;
  1586. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1587. filter: alpha(opacity=50);
  1588. }
  1589. }
  1590. @-moz-keyframes flash {
  1591. 0% {
  1592. opacity: 1;
  1593. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1594. filter: alpha(opacity=100);
  1595. }
  1596. 50% {
  1597. opacity: 0.5;
  1598. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1599. filter: alpha(opacity=50);
  1600. }
  1601. }
  1602. @-o-keyframes flash {
  1603. 0% {
  1604. opacity: 1;
  1605. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1606. filter: alpha(opacity=100);
  1607. }
  1608. 50% {
  1609. opacity: 0.5;
  1610. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1611. filter: alpha(opacity=50);
  1612. }
  1613. }
  1614. @keyframes flash {
  1615. 0% {
  1616. opacity: 1;
  1617. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1618. filter: alpha(opacity=100);
  1619. }
  1620. 50% {
  1621. opacity: 0.5;
  1622. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1623. filter: alpha(opacity=50);
  1624. }
  1625. }
  1626. @-webkit-keyframes lines {
  1627. 0% {
  1628. opacity: 0.1;
  1629. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1630. filter: alpha(opacity=10);
  1631. }
  1632. 50% {
  1633. opacity: 1;
  1634. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1635. filter: alpha(opacity=100);
  1636. }
  1637. }
  1638. @-moz-keyframes lines {
  1639. 0% {
  1640. opacity: 0.1;
  1641. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1642. filter: alpha(opacity=10);
  1643. }
  1644. 50% {
  1645. opacity: 1;
  1646. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1647. filter: alpha(opacity=100);
  1648. }
  1649. }
  1650. @-o-keyframes lines {
  1651. 0% {
  1652. opacity: 0.1;
  1653. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1654. filter: alpha(opacity=10);
  1655. }
  1656. 50% {
  1657. opacity: 1;
  1658. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1659. filter: alpha(opacity=100);
  1660. }
  1661. }
  1662. @keyframes lines {
  1663. 0% {
  1664. opacity: 0.1;
  1665. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  1666. filter: alpha(opacity=10);
  1667. }
  1668. 50% {
  1669. opacity: 1;
  1670. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1671. filter: alpha(opacity=100);
  1672. }
  1673. }
  1674. </style>
  1675.  
  1676. <script type="text/javascript">
  1677. drawLines();
  1678.  
  1679. function getHeight(){
  1680. return window.innerHeight
  1681. || document.documentElement.clientHeight
  1682. || document.body.clientHeight;
  1683. }
  1684.  
  1685. function drawLines(){
  1686. var lines = document.getElementsByClassName('line');
  1687. if(lines.length) {
  1688. for (var i = 0; i < lines.length; i++) {
  1689. document.body.removeChild(lines[i]);
  1690. }
  1691. }
  1692.  
  1693. var height = getHeight();
  1694. for(i=0; i< height/10; i++){
  1695. var line = document.createElement("div");
  1696. line.className = "line line-" + i;
  1697. line.style.top = i * 10 + "px";
  1698. var time = Math.random() * 5;
  1699. line.style.animation = "lines " + time + "s infinite";
  1700. document.body.appendChild(line) ;
  1701. }
  1702. }
  1703.  
  1704. window.onresize = function(event) {
  1705. drawLines();
  1706. };
  1707. </script>
  1708. <iframe width="0" height="0" src="https://f.top4top.net/m_1144pfc8u0.mp3" frameborder="0" allow fullscreen></iframe>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!