var b = document.body; var imgurl = "https://iili.io/FbfwRa4.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);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) { heart(x, y); } } b.addEventListener("click", function(event) { var x = event.clientX; var y = event.clientY; bro(x, y); }); var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); x[i].style.display = "none"; } myIndex++; if(myIndex > x.length) { myIndex = 1 } x[myIndex - 1].style.display = "block"; setTimeout(carousel, 2000); // Change image every 2 seconds } .container { position: relative; text-align: center; color: white; } .bottom-left { position: absolute; bottom: 8px; left: 16px; } .bottom-right { position: absolute; top: 30% left:90%; text-align: center; transform: translate(260%, -80%); } .eraserboard-red { position: absolute; text-align: center; transform: translate(180%, -85%); } .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image-spin{ -webkit-animation:spin 5.2s linear infinite; -moz-animation:spin 5.2s linear infinite; animation:spin 5.2s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .image2-spin2 { animation: rotation 2s infinite linear; } @keyframes rotation { from { transform: rotate(-10deg); } to { transform: rotate(10deg); } } width="100" height="100" .button { border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button2 {background-color: #FC8EAC;}
ouble #FFCBCB;"> secretQuick Sitemap: button4 { font-size: 20px; color: rgb(123, 24, 24); text-align: center; position: relative; } p46 { border: none; font-family: lora; font-size: 17px; color: rgb(300, 0, 0) } ass="myElement image2-spin2" src="https://iili.io/Fdzx64j.png" width="300" height="320" box { position:relative; left:30px; top:80px; } button { border: none; color: white; background-color: #FC6C85; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; position: relative left: 40px top: -3000px; } p3 { border: none; font-family: lora; font-size: 17px; color: rgb(300, 0, 0) } ul li { cursor: pointer; position: relative; font-size: 17px; } .quickmap { position: absolute; transform: translate(1px, -265px); } .tooltip2 { position: absolute; transform: rotate(40deg); width: 190px; height: 60px; transform: translate(385%, 370%); } .tooltiptext2 { visibility: hidden; width: 50px; height: 50px; background-color: #FFC0CB; color: #fff; text-align: center; padding: 1px 0; border-radius: 1px; position: relative; z-index: 1; } .tooltip2:hover .tooltiptext2 { visibility: visible; }
width="130" height="100" .tooltip5 { position: absolute; transform: rotate(20deg); width: 150px; height: 150px; transform: translate(315px, 200px); } .tooltiptext5 { visibility: hidden; width: 60px; height: 60px; background-color: #FFC0CB; color: #fff; text-align: center; padding: 1px 0; border-radius: 1px; position: relative; z-index: 1; } .tooltip5:hover .tooltiptext5 { visibility: visible; }
image silly outfit i wore lately
image birthday fit!!
This is my button if you want to link me! You can simply copy the image adress and insert my link in the href
.mybutton { position: absolute; transform: translate(1135px, 50px); } .mybuttontext { position: absolute; transform: translate(947px, 13px); } .clickable { position: absolute; transform: translate(947px, -80px); } .tooltip9 { position: absolute; transform: rotate(20deg); width: 175px; height: 180px; transform: translate(900px, -570px); rotate(-20deg); } .tooltiptext9 { visibility: hidden; width: 60px; height: 60px; background-color: #800020; color: #fff; text-align: center; padding: 1px 0; border-radius: 1px; position: relative; z-index: 1; } .tooltip9:hover .tooltiptext9 { visibility: visible; } Romy's Button .todolist { position: absolute; transform: translate(37%, -10%); } ul li { cursor: pointer; position: relative; font-size: 17px; } ul li.checked { color: #fff; text-decoration: line-through; }
shSite to do list: