Bolt action

Developer
Insprd
Size
3,023 Kb
Views
38,456
  1. Bolt action Previews
  2. Bolt action HTML Codes
  3. Bolt action CSS Codes

How do I make an bolt action?

What is a bolt action? How do you make a bolt action? This script and codes were developed by Insprd on 13 September 2022, Tuesday.

Bolt action Previews
IQ Test

Bolt action - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>bolt action</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import "compass/css3";
.bolt { background: #07cda4; border-radius: 3px; width: 65px; height: 25px; @include display-box; @include box-align(center); @include box-pack(center);
}
.zapped { animation: zapped 1s ease-out infinite;
}
@keyframes zapped {	0%, 20%, 50%, 80%, 100% {transform: scale(1,1);}	40% {transform: scale(1.7, 1.7);}	60% {transform: scale(1.5, 1.5);}
}
/* normalize & setup */
.bolt {display:block;float:none;margin-bottom: 100px;}
.bolt img {vertical-align: top }
.bolt span {display: inline-block;font-family: helvetica;color: white;margin-top: 6px;}
html, body { width:100%; height:100%; margin: 0;
}
body { @include display-box; @include box-align(center); @include box-pack(center); @include background(linear-gradient(#fff,#ddd));
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <body> <div class='bolt zapped'> <img src='https://f.cl.ly/items/1u2i221I3N3s333T2m0i/bolt.svg'> <span>33</span> </div>
</body>
</body>
</html>

Bolt action - Script Codes CSS Codes

@import "compass/css3";
.bolt { background: #07cda4; border-radius: 3px; width: 65px; height: 25px; @include display-box; @include box-align(center); @include box-pack(center);
}
.zapped { animation: zapped 1s ease-out infinite;
}
@keyframes zapped {	0%, 20%, 50%, 80%, 100% {transform: scale(1,1);}	40% {transform: scale(1.7, 1.7);}	60% {transform: scale(1.5, 1.5);}
}
/* normalize & setup */
.bolt {display:block;float:none;margin-bottom: 100px;}
.bolt img {vertical-align: top }
.bolt span {display: inline-block;font-family: helvetica;color: white;margin-top: 6px;}
html, body { width:100%; height:100%; margin: 0;
}
body { @include display-box; @include box-align(center); @include box-pack(center); @include background(linear-gradient(#fff,#ddd));
}
Bolt action - Script Codes
Bolt action - Script Codes
Home Page Home
Developer Insprd
Username insprd
Uploaded September 13, 2022
Rating 3
Size 3,023 Kb
Views 38,456
Do you need developer help for Bolt action?

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!

Insprd (insprd) Script Codes
Name
Minimal Clock Card
Infinite Carousel
Fading gradient button
Loading anim
Hover Animation from UNIQLO
Simple Spinning Logo Idea
Loading bars
Centered Isotope masonry
A Scanner Darkly
Animated Link Underline
Create amazing sales emails 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!