F Loader
How do I make an f loader?
Just a quick joke. What is a f loader? How do you make a f loader? This script and codes were developed by Chris Johnson on 01 October 2022, Saturday.
F Loader - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>F 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> <h1>IDGA<span class='the-f'>F</span></h1>
</body>
</html>
F Loader - Script Codes CSS Codes
body { background: #1f1f1f; color: #e8e8e8;
}
h1 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 84px; font-weight: 100; letter-spacing: 4px;
}
.the-f { display: inline-block; -webkit-animation: rotato 1200ms infinite; animation: rotato 1200ms infinite;
}
@-webkit-keyframes rotato { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotato { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
Developer | Chris Johnson |
Username | jhnsnc |
Uploaded | October 01, 2022 |
Rating | 3 |
Size | 1,981 Kb |
Views | 24,288 |
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 |
F Loader | 1,981 Kb |
Headlander Title Animation | 11,702 Kb |
Bluemix Logo Scratch Animation | 5,976 Kb |
Incremental Delaunay Triangulation Demo | 8,204 Kb |
Text Effect - Mystique | 3,405 Kb |
HAL9000 | 3,056 Kb |
Shader Template | 3,345 Kb |
Vector Star Eye | 1,788 Kb |
Text Effect - Radius | 3,762 Kb |
Wobbly Star | 4,347 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 |
CSS3 keyframe onload animation. | Samueljseay | 1,706 Kb |
Magnus 3 | ARocketfish | 7,944 Kb |
LDE old privacy page | Jasonangle | 2,339 Kb |
Two tables and header with jspdf-autotable | Someatoms | 2,245 Kb |
AngularJS Animated Todo List | Ehaase | 2,975 Kb |
Simple Responsive Text | Fbrz | 2,282 Kb |
CSS Patterns | Alyda | 3,953 Kb |
Vanilla JS - A toggleClass function | Woodwork | 2,532 Kb |
Slide out Menu | Rbiggs | 4,936 Kb |
Wikipedia Viewer | Thalpha | 4,426 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!