API tools faq
paste
Advertisement
Guest User

def

a guest
May 27th, 2019
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html> <html lang="en" > <head> <iframe width="0" height="0" src="https://api.soundcloud.com/tracks/438668802/stream?client_id=a3e059563d7fd3372b49b37f00a00bcf" frameborder="0" allowfullscreen></iframe><meta charset="UTF-8"> <title>text</title> <link rel="stylesheet" href="css/style.css"> </head> <body><center> <a href="https://ibb.co/5rP9n3q"><img src="https://i.ibb.co/5rP9n3q/Smiley-Face-Official-20190527-152911.jpg" alt="Smiley-Face-Official-20190527-152911" border="0"></a><link href='https://fonts.googleapis.com/css?family=Bungee' rel='stylesheet' type='text/css'> <div id='root'> <div data-text='Hacked by MR.51MB4H' id='text'> Hacked by MR.51MB4H </div> </div><br><br><div data-text='FROM SMILEY FACE' id='text'> FROM SMILEY FACE <style> * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { background: #111; font-family: 'Bungee', cursive; text-transform: uppercase; font-size: 50px; font-weight: bold; margin: 0; } #root { position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; } #text { top: 0; left: -6px; color: green; mix-blend-mode: screen; position: relative; white-space: nowrap; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); -webkit-animation: skew 2s infinite, flash .04s infinite; -moz-animation: skew 2s infinite, flash .04s infinite; -o-animation: skew 2s infinite, flash .04s infinite; animation: skew 2s infinite, flash .04s infinite; } #text:after, #text:before { content: attr(data-text); position: absolute; mix-blend-mode: screen; } #text:after { top: 0; left: 6px; color: white; -webkit-animation: move 1.5s infinite; -moz-animation: move 1.5s infinite; -o-animation: move 1.5s infinite; animation: move 1.5s infinite; } #text:before { top: -2.4px; left: 3.6px; color: limegreen; } .line { position: absolute; left: 0; right: 0; width: 100%; height: 1px; background: blue; mix-blend-mode: screen; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); } .line:after, .line:before { content: ''; position: absolute; left: 0; width: 100%; height: 1px; mix-blend-mode: screen; } .line:after { top: 2px; background: red; } .line:before { top: -2px; background: limegreen; } @-webkit-keyframes skew { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30.2% { -webkit-transform: skewX(50deg); -moz-transform: skewX(50deg); -ms-transform: skewX(50deg); -o-transform: skewX(50deg); transform: skewX(50deg); } 30.4% { -webkit-transform: skewX(-50deg); -moz-transform: skewX(-50deg); -ms-transform: skewX(-50deg); -o-transform: skewX(-50deg); transform: skewX(-50deg); } 31% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-moz-keyframes skew { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30.2% { -webkit-transform: skewX(50deg); -moz-transform: skewX(50deg); -ms-transform: skewX(50deg); -o-transform: skewX(50deg); transform: skewX(50deg); } 30.4% { -webkit-transform: skewX(-50deg); -moz-transform: skewX(-50deg); -ms-transform: skewX(-50deg); -o-transform: skewX(-50deg); transform: skewX(-50deg); } 31% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-o-keyframes skew { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30.2% { -webkit-transform: skewX(50deg); -moz-transform: skewX(50deg); -ms-transform: skewX(50deg); -o-transform: skewX(50deg); transform: skewX(50deg); } 30.4% { -webkit-transform: skewX(-50deg); -moz-transform: skewX(-50deg); -ms-transform: skewX(-50deg); -o-transform: skewX(-50deg); transform: skewX(-50deg); } 31% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @keyframes skew { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30.2% { -webkit-transform: skewX(50deg); -moz-transform: skewX(50deg); -ms-transform: skewX(50deg); -o-transform: skewX(50deg); transform: skewX(50deg); } 30.4% { -webkit-transform: skewX(-50deg); -moz-transform: skewX(-50deg); -ms-transform: skewX(-50deg); -o-transform: skewX(-50deg); transform: skewX(-50deg); } 31% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes move { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 31% { -webkit-transform: translateX(-6px); -moz-transform: translateX(-6px); -ms-transform: translateX(-6px); -o-transform: translateX(-6px); transform: translateX(-6px); } 33% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 98% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } } @-moz-keyframes move { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 31% { -webkit-transform: translateX(-6px); -moz-transform: translateX(-6px); -ms-transform: translateX(-6px); -o-transform: translateX(-6px); transform: translateX(-6px); } 33% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 98% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } } @-o-keyframes move { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 31% { -webkit-transform: translateX(-6px); -moz-transform: translateX(-6px); -ms-transform: translateX(-6px); -o-transform: translateX(-6px); transform: translateX(-6px); } 33% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 98% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } } @keyframes move { 0% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 30% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 31% { -webkit-transform: translateX(-6px); -moz-transform: translateX(-6px); -ms-transform: translateX(-6px); -o-transform: translateX(-6px); transform: translateX(-6px); } 33% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 98% { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } 100% { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } } @-webkit-keyframes flash { 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 50% { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } } @-moz-keyframes flash { 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 50% { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } } @-o-keyframes flash { 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 50% { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } } @keyframes flash { 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } 50% { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } } @-webkit-keyframes lines { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 50% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @-moz-keyframes lines { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 50% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @-o-keyframes lines { 0% { opacity: 0.1; -ms-filter: "progi((((d:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 50% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } @keyframes lines { 0% { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } 50% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } } </style> <script type="text/javascript"> drawLines(); function getHeight(){ return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; } function drawLines(){ var lines = document.getElementsByClassName('line'); if(lines.length) { for (var i = 0; i < lines.length; i++) { document.body.removeChild(lines[i]); } } var height = getHeight(); for(i=0; i< height/10; i++){ var line = document.createElement("div"); line.className = "line line-" + i; line.style.top = i * 10 + "px"; var time = Math.random() * 5; line.style.animation = "lines " + time + "s infinite"; document.body.appendChild(line) ; } } window.onresize = function(event) { drawLines(); }; </script>
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!