Boom
How do I make an boom?
What is a boom? How do you make a boom? This script and codes were developed by Maharajan on 26 January 2023, Thursday.
Boom - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>boom</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <label></label> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
</body>
</html>
Boom - Script Codes CSS Codes
label
{
width:104px; height:140px; background:red; display:block; border-radius:80% 80% 80% 80%; margin:0px auto;
animation:boom 2.5s linear 2.5s 1 ;
}
@keyframes boom
{ 10% { opacity:0; box-shadow:24px 63px 14px -27px red,56px 24px 10px -33px red,52px -26px 23px -25px red,8px -55px 23px -25px red,-33px -33px 23px -25px red,-56px 7px 23px -26px red,-39px 55px 23px -26px red,-3px 59px 23px -26px red; transform: rotateZ(0deg); } 30%{ opacity:0; box-shadow:45px 73px 24px -21px red,79px 24px 21px -28px red,68px -35px 30px -16px red,17px -59px 30px -19px red,-46px -43px 32px -17px red,-74px 13px 30px -19px red,-58px 66px 32px -20px red,-10px 77px 34px -19px red; transform: rotateZ(-5deg); } 100%{ opacity:0; box-shadow:106px 92px 74px -7px red,178px 28px 53px -19px red,140px -73px 63px -5px red,19px -94px 58px -15px red,-111px -54px 64px -9px red,-132px 26px 66px -12px red,-106px 125px 62px 0px red,2px 124px 33px -15px red transform: rotateZ(5deg); }
}

Developer | Maharajan |
Username | mhrjnsa1 |
Uploaded | January 26, 2023 |
Rating | 3 |
Size | 1,794 Kb |
Views | 6,069 |
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!
Name | Size |
Text appearance | 0 Kb |
Pure css loader | 2,407 Kb |
A Pen by maharajan | 2,134 Kb |
Circle loader | 1,799 Kb |
Simple register | 2,505 Kb |
Parallax scrolling | 2,161 Kb |
Simeple snake design | 1,913 Kb |
Border hover effect | 1,667 Kb |
Notification | 2,125 Kb |
Drop down options disable | 1,723 Kb |
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!
Name | Username | Size |
A Pen by Alexandru Pora | Axpro | 1,615 Kb |
Highbrow Basic HTML Lesson 7 | Kimlarocca | 1,662 Kb |
Drag n Drop | Martin42 | 2,594 Kb |
Experiment | Toddmoy | 2,849 Kb |
Weird glowy CSS3 game | Toneworm | 3,684 Kb |
Adding and Removing Element | Accimeesterlin | 2,119 Kb |
Material Design-Layout-Principles Practice | Fraina | 2,331 Kb |
HTM5 picture dropzone | Jaysalvat | 2,576 Kb |
Feedback Page | TessDiNapoli | 2,836 Kb |
NgEasyModal | Lorenzodianni | 4,159 Kb |
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!