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 |
Text Effect - Optimist | 3,467 Kb |
Text Effect - Radius | 3,762 Kb |
Shader Template | 3,345 Kb |
Web Animation Test | 2,721 Kb |
Colorized Perlin Noise Generator | 6,714 Kb |
Text Effect - Mystique | 3,405 Kb |
HAL9000 | 3,056 Kb |
Tesselation Transition | 6,273 Kb |
Wobbly Star | 4,347 Kb |
Vector Star Eye | 1,788 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 |
Svg animation draw | SzymonDziewonski | 5,545 Kb |
Vanilla JS - A toggleClass function | Woodwork | 2,532 Kb |
Animated Logo | Shakdaniel | 2,672 Kb |
Text Blocks Over Image, Updated | KatieK2 | 3,122 Kb |
Mini Profile | Frytyler | 3,828 Kb |
SVG Hover Animations | Kjbrum | 10,557 Kb |
Banner Ad | Raquellorenzana | 4,172 Kb |
Sticky notes with CSS3 | HaiNguyen007 | 2,146 Kb |
Particle Motion trajectories | Sniejadlik | 5,899 Kb |
JQuery exercise | Brian-baum | 3,780 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!