Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ---text animation---
- <style>
- #gay {
- -webkit-animation: pop 1s ease-in-out infinite alternate;
- animation: pop 1s ease-in-out infinite alternate;
- -moz-animation: pop 1s ease-in-out infinite alternate;
- }
- @keyframes pop {
- from {
- transform:scale(0.95)
- }
- 50% {
- transform:scale(1)
- }
- to {
- transform:scale(0.95)
- }
- }
- @-webkit-keyframes pop {
- from {
- -webkit-transform:scale(0.95)
- }
- 50% {
- -webkit-transform:scale(1)
- }
- to {
- -webkit-transform:scale(0.95)
- }
- }
- </style>
- ---scrollbar---
- <style>
- /* width */
- ::-webkit-scrollbar {
- width: 5px;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: #ffffff80;
- }
- </style>
- ---cursor---
- <script>
- var b = document.body;
- var imgurl = "https://media.discordapp.net/attachments/965819507794907138/997610748186476674/9d571600_original.png";
- var size = [20, 30];
- function rand(min, max)
- {
- return Math.floor(Math.random() * (max - min + 1) + min)
- }
- function getSize()
- {
- return rand(size[0], size[1]);
- }
- function lerp(a,b,f)
- {
- return (b-a)*f+a;
- }
- function heart(x,y)
- {
- var s = getSize();
- x -= s/2;
- y -= s/2;
- x = Math.floor(x) + rand(-5, 5);
- y = Math.floor(y) + rand(-5, 5);
- var fx = x + rand(-40, 40);
- var fy = y + rand(-40, 40);
- var i = document.createElement("img");
- i.src = imgurl;
- i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${x}px; top: ${y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;
- b.appendChild(i);
- var f = 0;
- var interval;
- interval = setInterval(function() {
- var _x = Math.floor(lerp(x, fx, f));
- var _y = Math.floor(lerp(y, fy, f));
- i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${_x}px; top: ${_y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;
- i.style.opacity = 1-f;
- f += 0.01;
- if (f > 1)
- {
- clearInterval(interval);
- b.removeChild(i);
- }
- }, 10);
- }function bro(x,y){for (var i = 0; i < 5; i++){heart(x,y);}}b.addEventListener("click", function(event){var x = event.clientX;var y = event.clientY;bro(x,y);});
- </script>
Advertisement
Add Comment
Please, Sign In to add comment