A Pen by Paul Sullivan
How do I make an a pen by paul sullivan?
What is a a pen by paul sullivan? How do you make a a pen by paul sullivan? This script and codes were developed by Paul Sullivan on 26 January 2023, Thursday.
A Pen by Paul Sullivan Previews
A Pen by Paul Sullivan - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Paul Sullivan</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<div class='doinMeAHeckin'></div>
<img alt='' src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/157557/dacb4faddcee7c677d4735690de52e44.png'>
</body>
</html>
A Pen by Paul Sullivan - Script Codes CSS Codes
.doinMeAHeckin { position: fixed; top: 50%; left: 50%; height: 20px; width: 20px; border-radius: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
}
.doinMeAHeckin:nth-child(1) { height: 10px; width: 10px; border: 1px solid transparent; border-top: 1px solid rgba(254, 214, 225, 0.7); border-bottom: 1px solid rgba(242, 217, 232, 0.7); -webkit-animation: spin 3843ms -8978ms ease-in-out infinite alternate; animation: spin 3843ms -8978ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(2) { height: 20px; width: 20px; border: 1px solid transparent; border-top: 1px solid rgba(253, 226, 201, 0.7); border-bottom: 1px solid rgba(214, 223, 237, 0.7); -webkit-animation: spin 3672ms -9160ms ease-in-out infinite alternate; animation: spin 3672ms -9160ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(3) { height: 30px; width: 30px; border: 1px solid transparent; border-top: 1px solid rgba(220, 239, 240, 0.7); border-bottom: 1px solid rgba(249, 207, 201, 0.7); -webkit-animation: spin 3377ms -9303ms ease-in-out infinite alternate; animation: spin 3377ms -9303ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(4) { height: 40px; width: 40px; border: 1px solid transparent; border-top: 1px solid rgba(207, 212, 204, 0.7); border-bottom: 1px solid rgba(238, 246, 225, 0.7); -webkit-animation: spin 4267ms -8692ms ease-in-out infinite alternate; animation: spin 4267ms -8692ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(5) { height: 50px; width: 50px; border: 1px solid transparent; border-top: 1px solid rgba(222, 225, 229, 0.7); border-bottom: 1px solid rgba(204, 248, 249, 0.7); -webkit-animation: spin 2532ms -8795ms ease-in-out infinite alternate; animation: spin 2532ms -8795ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(6) { height: 60px; width: 60px; border: 1px solid transparent; border-top: 1px solid rgba(218, 244, 201, 0.7); border-bottom: 1px solid rgba(237, 211, 229, 0.7); -webkit-animation: spin 3125ms -9031ms ease-in-out infinite alternate; animation: spin 3125ms -9031ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(7) { height: 70px; width: 70px; border: 1px solid transparent; border-top: 1px solid rgba(215, 245, 231, 0.7); border-bottom: 1px solid rgba(243, 213, 224, 0.7); -webkit-animation: spin 2541ms -8780ms ease-in-out infinite alternate; animation: spin 2541ms -8780ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(8) { height: 80px; width: 80px; border: 1px solid transparent; border-top: 1px solid rgba(204, 225, 215, 0.7); border-bottom: 1px solid rgba(214, 232, 248, 0.7); -webkit-animation: spin 3552ms -8364ms ease-in-out infinite alternate; animation: spin 3552ms -8364ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(9) { height: 90px; width: 90px; border: 1px solid transparent; border-top: 1px solid rgba(203, 224, 233, 0.7); border-bottom: 1px solid rgba(250, 204, 208, 0.7); -webkit-animation: spin 2569ms -8597ms ease-in-out infinite alternate; animation: spin 2569ms -8597ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(10) { height: 100px; width: 100px; border: 1px solid transparent; border-top: 1px solid rgba(200, 231, 200, 0.7); border-bottom: 1px solid rgba(200, 236, 252, 0.7); -webkit-animation: spin 4695ms -8370ms ease-in-out infinite alternate; animation: spin 4695ms -8370ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(11) { height: 110px; width: 110px; border: 1px solid transparent; border-top: 1px solid rgba(231, 225, 224, 0.7); border-bottom: 1px solid rgba(249, 204, 235, 0.7); -webkit-animation: spin 3646ms -8765ms ease-in-out infinite alternate; animation: spin 3646ms -8765ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(12) { height: 120px; width: 120px; border: 1px solid transparent; border-top: 1px solid rgba(210, 218, 226, 0.7); border-bottom: 1px solid rgba(225, 239, 210, 0.7); -webkit-animation: spin 3632ms -9160ms ease-in-out infinite alternate; animation: spin 3632ms -9160ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(13) { height: 130px; width: 130px; border: 1px solid transparent; border-top: 1px solid rgba(222, 234, 201, 0.7); border-bottom: 1px solid rgba(213, 220, 225, 0.7); -webkit-animation: spin 4256ms -9060ms ease-in-out infinite alternate; animation: spin 4256ms -9060ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(14) { height: 140px; width: 140px; border: 1px solid transparent; border-top: 1px solid rgba(207, 219, 229, 0.7); border-bottom: 1px solid rgba(251, 229, 244, 0.7); -webkit-animation: spin 4022ms -8822ms ease-in-out infinite alternate; animation: spin 4022ms -8822ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(15) { height: 150px; width: 150px; border: 1px solid transparent; border-top: 1px solid rgba(241, 217, 242, 0.7); border-bottom: 1px solid rgba(213, 236, 200, 0.7); -webkit-animation: spin 4606ms -9176ms ease-in-out infinite alternate; animation: spin 4606ms -9176ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(16) { height: 160px; width: 160px; border: 1px solid transparent; border-top: 1px solid rgba(209, 240, 210, 0.7); border-bottom: 1px solid rgba(206, 205, 229, 0.7); -webkit-animation: spin 2800ms -9148ms ease-in-out infinite alternate; animation: spin 2800ms -9148ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(17) { height: 170px; width: 170px; border: 1px solid transparent; border-top: 1px solid rgba(233, 204, 210, 0.7); border-bottom: 1px solid rgba(222, 219, 239, 0.7); -webkit-animation: spin 4396ms -9299ms ease-in-out infinite alternate; animation: spin 4396ms -9299ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(18) { height: 180px; width: 180px; border: 1px solid transparent; border-top: 1px solid rgba(228, 205, 211, 0.7); border-bottom: 1px solid rgba(238, 243, 234, 0.7); -webkit-animation: spin 4326ms -8755ms ease-in-out infinite alternate; animation: spin 4326ms -8755ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(19) { height: 190px; width: 190px; border: 1px solid transparent; border-top: 1px solid rgba(203, 207, 235, 0.7); border-bottom: 1px solid rgba(208, 222, 245, 0.7); -webkit-animation: spin 4417ms -8924ms ease-in-out infinite alternate; animation: spin 4417ms -8924ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(20) { height: 200px; width: 200px; border: 1px solid transparent; border-top: 1px solid rgba(203, 217, 218, 0.7); border-bottom: 1px solid rgba(222, 209, 217, 0.7); -webkit-animation: spin 2888ms -8937ms ease-in-out infinite alternate; animation: spin 2888ms -8937ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(21) { height: 210px; width: 210px; border: 1px solid transparent; border-top: 1px solid rgba(202, 254, 209, 0.7); border-bottom: 1px solid rgba(212, 213, 212, 0.7); -webkit-animation: spin 4300ms -8611ms ease-in-out infinite alternate; animation: spin 4300ms -8611ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(22) { height: 220px; width: 220px; border: 1px solid transparent; border-top: 1px solid rgba(247, 243, 239, 0.7); border-bottom: 1px solid rgba(243, 226, 219, 0.7); -webkit-animation: spin 2763ms -9255ms ease-in-out infinite alternate; animation: spin 2763ms -9255ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(23) { height: 230px; width: 230px; border: 1px solid transparent; border-top: 1px solid rgba(228, 223, 255, 0.7); border-bottom: 1px solid rgba(250, 253, 232, 0.7); -webkit-animation: spin 4921ms -8925ms ease-in-out infinite alternate; animation: spin 4921ms -8925ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(24) { height: 240px; width: 240px; border: 1px solid transparent; border-top: 1px solid rgba(207, 230, 234, 0.7); border-bottom: 1px solid rgba(213, 211, 238, 0.7); -webkit-animation: spin 4987ms -9121ms ease-in-out infinite alternate; animation: spin 4987ms -9121ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(25) { height: 250px; width: 250px; border: 1px solid transparent; border-top: 1px solid rgba(205, 241, 251, 0.7); border-bottom: 1px solid rgba(219, 247, 219, 0.7); -webkit-animation: spin 4326ms -8800ms ease-in-out infinite alternate; animation: spin 4326ms -8800ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(26) { height: 260px; width: 260px; border: 1px solid transparent; border-top: 1px solid rgba(207, 244, 246, 0.7); border-bottom: 1px solid rgba(234, 212, 216, 0.7); -webkit-animation: spin 4141ms -8781ms ease-in-out infinite alternate; animation: spin 4141ms -8781ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(27) { height: 270px; width: 270px; border: 1px solid transparent; border-top: 1px solid rgba(211, 237, 229, 0.7); border-bottom: 1px solid rgba(219, 227, 227, 0.7); -webkit-animation: spin 4454ms -8781ms ease-in-out infinite alternate; animation: spin 4454ms -8781ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(28) { height: 280px; width: 280px; border: 1px solid transparent; border-top: 1px solid rgba(225, 201, 216, 0.7); border-bottom: 1px solid rgba(244, 229, 251, 0.7); -webkit-animation: spin 3365ms -8481ms ease-in-out infinite alternate; animation: spin 3365ms -8481ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(29) { height: 290px; width: 290px; border: 1px solid transparent; border-top: 1px solid rgba(218, 212, 228, 0.7); border-bottom: 1px solid rgba(253, 243, 239, 0.7); -webkit-animation: spin 4629ms -8377ms ease-in-out infinite alternate; animation: spin 4629ms -8377ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(30) { height: 300px; width: 300px; border: 1px solid transparent; border-top: 1px solid rgba(228, 221, 255, 0.7); border-bottom: 1px solid rgba(242, 210, 250, 0.7); -webkit-animation: spin 4921ms -9162ms ease-in-out infinite alternate; animation: spin 4921ms -9162ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(31) { height: 310px; width: 310px; border: 1px solid transparent; border-top: 1px solid rgba(234, 211, 216, 0.7); border-bottom: 1px solid rgba(245, 228, 236, 0.7); -webkit-animation: spin 4552ms -8858ms ease-in-out infinite alternate; animation: spin 4552ms -8858ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(32) { height: 320px; width: 320px; border: 1px solid transparent; border-top: 1px solid rgba(252, 220, 218, 0.7); border-bottom: 1px solid rgba(224, 246, 208, 0.7); -webkit-animation: spin 3263ms -8768ms ease-in-out infinite alternate; animation: spin 3263ms -8768ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(33) { height: 330px; width: 330px; border: 1px solid transparent; border-top: 1px solid rgba(243, 235, 213, 0.7); border-bottom: 1px solid rgba(235, 234, 227, 0.7); -webkit-animation: spin 3685ms -8798ms ease-in-out infinite alternate; animation: spin 3685ms -8798ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(34) { height: 340px; width: 340px; border: 1px solid transparent; border-top: 1px solid rgba(251, 245, 200, 0.7); border-bottom: 1px solid rgba(213, 253, 228, 0.7); -webkit-animation: spin 3764ms -9182ms ease-in-out infinite alternate; animation: spin 3764ms -9182ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(35) { height: 350px; width: 350px; border: 1px solid transparent; border-top: 1px solid rgba(220, 236, 204, 0.7); border-bottom: 1px solid rgba(208, 217, 251, 0.7); -webkit-animation: spin 2853ms -8561ms ease-in-out infinite alternate; animation: spin 2853ms -8561ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(36) { height: 360px; width: 360px; border: 1px solid transparent; border-top: 1px solid rgba(217, 220, 244, 0.7); border-bottom: 1px solid rgba(237, 227, 221, 0.7); -webkit-animation: spin 4788ms -9145ms ease-in-out infinite alternate; animation: spin 4788ms -9145ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(37) { height: 370px; width: 370px; border: 1px solid transparent; border-top: 1px solid rgba(207, 222, 243, 0.7); border-bottom: 1px solid rgba(246, 252, 206, 0.7); -webkit-animation: spin 4132ms -8496ms ease-in-out infinite alternate; animation: spin 4132ms -8496ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(38) { height: 380px; width: 380px; border: 1px solid transparent; border-top: 1px solid rgba(253, 201, 222, 0.7); border-bottom: 1px solid rgba(221, 220, 224, 0.7); -webkit-animation: spin 4476ms -8368ms ease-in-out infinite alternate; animation: spin 4476ms -8368ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(39) { height: 390px; width: 390px; border: 1px solid transparent; border-top: 1px solid rgba(251, 221, 230, 0.7); border-bottom: 1px solid rgba(233, 240, 221, 0.7); -webkit-animation: spin 3734ms -8385ms ease-in-out infinite alternate; animation: spin 3734ms -8385ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(40) { height: 400px; width: 400px; border: 1px solid transparent; border-top: 1px solid rgba(239, 200, 253, 0.7); border-bottom: 1px solid rgba(207, 217, 213, 0.7); -webkit-animation: spin 3401ms -8400ms ease-in-out infinite alternate; animation: spin 3401ms -8400ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(41) { height: 410px; width: 410px; border: 1px solid transparent; border-top: 1px solid rgba(224, 222, 202, 0.7); border-bottom: 1px solid rgba(224, 251, 255, 0.7); -webkit-animation: spin 4924ms -8456ms ease-in-out infinite alternate; animation: spin 4924ms -8456ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(42) { height: 420px; width: 420px; border: 1px solid transparent; border-top: 1px solid rgba(227, 215, 251, 0.7); border-bottom: 1px solid rgba(229, 226, 240, 0.7); -webkit-animation: spin 3940ms -8772ms ease-in-out infinite alternate; animation: spin 3940ms -8772ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(43) { height: 430px; width: 430px; border: 1px solid transparent; border-top: 1px solid rgba(219, 255, 201, 0.7); border-bottom: 1px solid rgba(213, 255, 233, 0.7); -webkit-animation: spin 3169ms -9314ms ease-in-out infinite alternate; animation: spin 3169ms -9314ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(44) { height: 440px; width: 440px; border: 1px solid transparent; border-top: 1px solid rgba(248, 254, 219, 0.7); border-bottom: 1px solid rgba(224, 202, 229, 0.7); -webkit-animation: spin 2598ms -8722ms ease-in-out infinite alternate; animation: spin 2598ms -8722ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(45) { height: 450px; width: 450px; border: 1px solid transparent; border-top: 1px solid rgba(255, 210, 227, 0.7); border-bottom: 1px solid rgba(232, 232, 204, 0.7); -webkit-animation: spin 2512ms -8755ms ease-in-out infinite alternate; animation: spin 2512ms -8755ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(46) { height: 460px; width: 460px; border: 1px solid transparent; border-top: 1px solid rgba(202, 215, 208, 0.7); border-bottom: 1px solid rgba(236, 250, 235, 0.7); -webkit-animation: spin 4489ms -8375ms ease-in-out infinite alternate; animation: spin 4489ms -8375ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(47) { height: 470px; width: 470px; border: 1px solid transparent; border-top: 1px solid rgba(249, 236, 245, 0.7); border-bottom: 1px solid rgba(216, 213, 255, 0.7); -webkit-animation: spin 3651ms -8446ms ease-in-out infinite alternate; animation: spin 3651ms -8446ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(48) { height: 480px; width: 480px; border: 1px solid transparent; border-top: 1px solid rgba(200, 249, 242, 0.7); border-bottom: 1px solid rgba(218, 209, 240, 0.7); -webkit-animation: spin 3684ms -9237ms ease-in-out infinite alternate; animation: spin 3684ms -9237ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(49) { height: 490px; width: 490px; border: 1px solid transparent; border-top: 1px solid rgba(205, 233, 248, 0.7); border-bottom: 1px solid rgba(232, 200, 214, 0.7); -webkit-animation: spin 4362ms -8961ms ease-in-out infinite alternate; animation: spin 4362ms -8961ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(50) { height: 500px; width: 500px; border: 1px solid transparent; border-top: 1px solid rgba(234, 214, 244, 0.7); border-bottom: 1px solid rgba(228, 211, 227, 0.7); -webkit-animation: spin 3940ms -8700ms ease-in-out infinite alternate; animation: spin 3940ms -8700ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(51) { height: 510px; width: 510px; border: 1px solid transparent; border-top: 1px solid rgba(231, 200, 224, 0.7); border-bottom: 1px solid rgba(216, 233, 241, 0.7); -webkit-animation: spin 2505ms -8741ms ease-in-out infinite alternate; animation: spin 2505ms -8741ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(52) { height: 520px; width: 520px; border: 1px solid transparent; border-top: 1px solid rgba(202, 215, 250, 0.7); border-bottom: 1px solid rgba(215, 209, 243, 0.7); -webkit-animation: spin 4944ms -8666ms ease-in-out infinite alternate; animation: spin 4944ms -8666ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(53) { height: 530px; width: 530px; border: 1px solid transparent; border-top: 1px solid rgba(203, 203, 246, 0.7); border-bottom: 1px solid rgba(213, 255, 227, 0.7); -webkit-animation: spin 3803ms -8373ms ease-in-out infinite alternate; animation: spin 3803ms -8373ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(54) { height: 540px; width: 540px; border: 1px solid transparent; border-top: 1px solid rgba(233, 209, 200, 0.7); border-bottom: 1px solid rgba(200, 218, 246, 0.7); -webkit-animation: spin 4189ms -9305ms ease-in-out infinite alternate; animation: spin 4189ms -9305ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(55) { height: 550px; width: 550px; border: 1px solid transparent; border-top: 1px solid rgba(255, 214, 234, 0.7); border-bottom: 1px solid rgba(253, 209, 225, 0.7); -webkit-animation: spin 2545ms -9091ms ease-in-out infinite alternate; animation: spin 2545ms -9091ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(56) { height: 560px; width: 560px; border: 1px solid transparent; border-top: 1px solid rgba(214, 235, 210, 0.7); border-bottom: 1px solid rgba(249, 223, 240, 0.7); -webkit-animation: spin 3593ms -9317ms ease-in-out infinite alternate; animation: spin 3593ms -9317ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(57) { height: 570px; width: 570px; border: 1px solid transparent; border-top: 1px solid rgba(230, 252, 227, 0.7); border-bottom: 1px solid rgba(239, 231, 205, 0.7); -webkit-animation: spin 3436ms -8839ms ease-in-out infinite alternate; animation: spin 3436ms -8839ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(58) { height: 580px; width: 580px; border: 1px solid transparent; border-top: 1px solid rgba(216, 241, 249, 0.7); border-bottom: 1px solid rgba(253, 232, 233, 0.7); -webkit-animation: spin 4325ms -8531ms ease-in-out infinite alternate; animation: spin 4325ms -8531ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(59) { height: 590px; width: 590px; border: 1px solid transparent; border-top: 1px solid rgba(216, 229, 233, 0.7); border-bottom: 1px solid rgba(253, 239, 205, 0.7); -webkit-animation: spin 3290ms -8684ms ease-in-out infinite alternate; animation: spin 3290ms -8684ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(60) { height: 600px; width: 600px; border: 1px solid transparent; border-top: 1px solid rgba(204, 253, 216, 0.7); border-bottom: 1px solid rgba(239, 247, 227, 0.7); -webkit-animation: spin 2776ms -9314ms ease-in-out infinite alternate; animation: spin 2776ms -9314ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(61) { height: 610px; width: 610px; border: 1px solid transparent; border-top: 1px solid rgba(237, 211, 213, 0.7); border-bottom: 1px solid rgba(222, 253, 240, 0.7); -webkit-animation: spin 4618ms -8867ms ease-in-out infinite alternate; animation: spin 4618ms -8867ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(62) { height: 620px; width: 620px; border: 1px solid transparent; border-top: 1px solid rgba(242, 207, 227, 0.7); border-bottom: 1px solid rgba(240, 201, 248, 0.7); -webkit-animation: spin 2826ms -8854ms ease-in-out infinite alternate; animation: spin 2826ms -8854ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(63) { height: 630px; width: 630px; border: 1px solid transparent; border-top: 1px solid rgba(205, 215, 233, 0.7); border-bottom: 1px solid rgba(220, 248, 246, 0.7); -webkit-animation: spin 3471ms -8442ms ease-in-out infinite alternate; animation: spin 3471ms -8442ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(64) { height: 640px; width: 640px; border: 1px solid transparent; border-top: 1px solid rgba(240, 248, 251, 0.7); border-bottom: 1px solid rgba(254, 220, 220, 0.7); -webkit-animation: spin 2623ms -8519ms ease-in-out infinite alternate; animation: spin 2623ms -8519ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(65) { height: 650px; width: 650px; border: 1px solid transparent; border-top: 1px solid rgba(232, 236, 210, 0.7); border-bottom: 1px solid rgba(239, 234, 247, 0.7); -webkit-animation: spin 3153ms -8707ms ease-in-out infinite alternate; animation: spin 3153ms -8707ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(66) { height: 660px; width: 660px; border: 1px solid transparent; border-top: 1px solid rgba(240, 223, 204, 0.7); border-bottom: 1px solid rgba(229, 254, 216, 0.7); -webkit-animation: spin 2723ms -8741ms ease-in-out infinite alternate; animation: spin 2723ms -8741ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(67) { height: 670px; width: 670px; border: 1px solid transparent; border-top: 1px solid rgba(234, 216, 226, 0.7); border-bottom: 1px solid rgba(231, 240, 233, 0.7); -webkit-animation: spin 4192ms -8856ms ease-in-out infinite alternate; animation: spin 4192ms -8856ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(68) { height: 680px; width: 680px; border: 1px solid transparent; border-top: 1px solid rgba(217, 250, 214, 0.7); border-bottom: 1px solid rgba(236, 250, 208, 0.7); -webkit-animation: spin 2801ms -8564ms ease-in-out infinite alternate; animation: spin 2801ms -8564ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(69) { height: 690px; width: 690px; border: 1px solid transparent; border-top: 1px solid rgba(253, 210, 237, 0.7); border-bottom: 1px solid rgba(253, 255, 200, 0.7); -webkit-animation: spin 2788ms -9194ms ease-in-out infinite alternate; animation: spin 2788ms -9194ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(70) { height: 700px; width: 700px; border: 1px solid transparent; border-top: 1px solid rgba(252, 251, 249, 0.7); border-bottom: 1px solid rgba(238, 240, 228, 0.7); -webkit-animation: spin 3260ms -9149ms ease-in-out infinite alternate; animation: spin 3260ms -9149ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(71) { height: 710px; width: 710px; border: 1px solid transparent; border-top: 1px solid rgba(240, 255, 223, 0.7); border-bottom: 1px solid rgba(253, 227, 233, 0.7); -webkit-animation: spin 3344ms -8891ms ease-in-out infinite alternate; animation: spin 3344ms -8891ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(72) { height: 720px; width: 720px; border: 1px solid transparent; border-top: 1px solid rgba(200, 239, 228, 0.7); border-bottom: 1px solid rgba(255, 220, 204, 0.7); -webkit-animation: spin 3563ms -8620ms ease-in-out infinite alternate; animation: spin 3563ms -8620ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(73) { height: 730px; width: 730px; border: 1px solid transparent; border-top: 1px solid rgba(242, 216, 244, 0.7); border-bottom: 1px solid rgba(246, 212, 213, 0.7); -webkit-animation: spin 3680ms -8449ms ease-in-out infinite alternate; animation: spin 3680ms -8449ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(74) { height: 740px; width: 740px; border: 1px solid transparent; border-top: 1px solid rgba(252, 232, 234, 0.7); border-bottom: 1px solid rgba(225, 200, 237, 0.7); -webkit-animation: spin 2754ms -8991ms ease-in-out infinite alternate; animation: spin 2754ms -8991ms ease-in-out infinite alternate;
}
.doinMeAHeckin:nth-child(75) { height: 750px; width: 750px; border: 1px solid transparent; border-top: 1px solid rgba(216, 200, 239, 0.7); border-bottom: 1px solid rgba(255, 207, 206, 0.7); -webkit-animation: spin 4904ms -8772ms ease-in-out infinite alternate; animation: spin 4904ms -8772ms ease-in-out infinite alternate;
}
@-webkit-keyframes spin { from { -webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg); transform: translateY(-50%) translateX(-50%) rotate(0deg); } to { -webkit-transform: translateY(-50%) translateX(-50%) rotate(360deg); transform: translateY(-50%) translateX(-50%) rotate(360deg); }
}
@keyframes spin { from { -webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg); transform: translateY(-50%) translateX(-50%) rotate(0deg); } to { -webkit-transform: translateY(-50%) translateX(-50%) rotate(360deg); transform: translateY(-50%) translateX(-50%) rotate(360deg); }
}
img { z-index: 1; position: Fixed; height: 400px; top: 50%; left: 50%; -webkit-filter: drop-shadow(0 250px 0px black) drop-shadow(0 150px 0px black) drop-shadow(0 50px 0px black); filter: drop-shadow(0 250px 0px black) drop-shadow(0 150px 0px black) drop-shadow(0 50px 0px black); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
}
html, body { background-color: #000;
}
| Developer | Paul Sullivan |
| Username | pwsm50 |
| Uploaded | January 26, 2023 |
| Rating | 4 |
| Size | 5,249 Kb |
| Views | 4,048 |
Do you need developer help for A Pen by Paul Sullivan?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Paul Sullivan (pwsm50) Script Codes
| Name | Size |
| Facebook-like Click-to-grow Like Button | 2,607 Kb |
| A Pen by Paul Sullivan | 2,349 Kb |
| Breathing Load Screen | 2,198 Kb |
| Flying Bee | 3,711 Kb |
| Get out and vote - Nov. 8th | 5,616 Kb |
| Colorful Animated Border | 3,351 Kb |
| CSS Breathing Particle Orb | 8,158 Kb |
| Asana Style Buttons | 2,502 Kb |
| Crazed Bacteria | 2,886 Kb |
| CSS Particle Box | 67,348 Kb |
Create amazing love letters with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| Display properties | Hamzaerbay | 1,886 Kb |
| Sidebar Thing | Jonambas | 2,779 Kb |
| Css3 only dropdown menu | Riogrande | 2,519 Kb |
| Wip elementary os navbar | Nickcolley | 2,993 Kb |
| NeeilTimer | Neeilan | 2,836 Kb |
| Blank Starter | Mhartington | 2,171 Kb |
| Nice textured background | Hans | 2,659 Kb |
| Airbnb Homepage | SindhujaD | 2,480 Kb |
| Expandable Left Side Bar with jQuery animate | Retrofuturistic | 2,483 Kb |
| Apex Calculator | Michaelwnelson | 2,370 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!