Loader
How do I make an loader?
What is a loader? How do you make a loader? This script and codes were developed by Aitor on 16 September 2022, Friday.
Loader - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Loader</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg class="Loader" width="128" height="128" viewBox="0 0 64 64"> <path d="M32,4 L60,56 L4,56 Z"></path> <circle r="4" cx="32" cy="0"></circle>
</svg>
</body>
</html>
Loader - Script Codes CSS Codes
html,
body { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.Loader path { stroke-width: 2; stroke: #000; fill: transparent;
}
.Loader circle { cx: 32px; cy: 4px; -webkit-animation: 1s loading ease infinite; animation: 1s loading ease infinite;
}
@-webkit-keyframes loading { 33% { cx: 60px; cy: 56px; } 66% { cx: 4px; cy: 56px; }
}
@keyframes loading { 33% { cx: 60px; cy: 56px; } 66% { cx: 4px; cy: 56px; }
}
Developer | Aitor |
Username | AzazelN28 |
Uploaded | September 16, 2022 |
Rating | 4 |
Size | 2,222 Kb |
Views | 32,384 |
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 |
Date Input | 10,870 Kb |
Multiple CSS Backgrounds | 2,980 Kb |
Superformula | 3,671 Kb |
WebGL Point Sprites | 4,816 Kb |
Countdown | 3,558 Kb |
Physics 101 | 6,491 Kb |
Worm | 5,062 Kb |
Adventure | 16,660 Kb |
Break Out | 12,431 Kb |
Romboids | 3,518 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 |
Hard-Stop Gradients | Mackdoyle | 2,288 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
Responsive Menu I | Rodericksandoval | 3,045 Kb |
Responsive Boxes without Images | Andymcfee | 4,120 Kb |
ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
Magnus 3 | ARocketfish | 7,944 Kb |
Awesome textarea | Ayoungh | 1,977 Kb |
Loading animation | Codeams | 2,408 Kb |
Knockout Lists | Marinru | 2,531 Kb |
Resize image | Happyhj | 1,892 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!