Base64 encoded animated loading folder gif
How do I make an base64 encoded animated loading folder gif?
Base64 encoded animated loading folder gif. What is a base64 encoded animated loading folder gif? How do you make a base64 encoded animated loading folder gif? This script and codes were developed by Dapinitial on 11 August 2022, Thursday.
Base64 encoded animated loading folder gif - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>base64 encoded animated loading folder gif</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="icon"> <img src="data:image/gif;base64,R0lGODlhDwAMAMQfAOGdCeGhCeKiCtCTCOGeCtGWCc+UCOGiCNScCN+fCt+fCdSZCd+gCc+UCs6VCOCgCeGeCeCgCuKiCM+VCOCdCeKfCs+TCOKfCdCUCNCWCNCUCs+WCs+WCP/htdCWCf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAfACwAAAAADwAMAAAFgODzVBcjXcanrl+QaZumIUnDqoLHedbGLZRLBCApAjaFjUczGHgKngEHI8z4lDudx2NVPDwY7pYDW3ImBwrY4om1NdNNhhBZaiY6jpWzs1QgcRhkGRkTFoYWARAaGA4aDjEbGxMZYQEUHG4yehOZGh4RFQQQFxQAAn8XDxQVAgAhACH5BAUKAB8ALAIACQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABwALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIAAwAFAAEAAAUEYCeKIQAh+QQFCgAfACwCAAMABQABAAAFBmCxedoQAgAh+QQFCgAfACwCAAUACwABAAAFCiDmZZ7HaZuncSEAIfkEBQoAHwAsAgAHAAsAAQAABQmgpk0ex2Wb6YUAIfkEBQoAHwAsAgAJAAsAAQAABQog5mjOpm3blGEhADs=" alt="Loading folder contens..." />
</div>
<div class="icon"> <img src="data:image/gif;base64,R0lGODlhDwAMAMQfAOGdCeGhCeKiCtCTCOGeCtGWCc+UCOGiCNScCN+fCt+fCdSZCd+gCc+UCs6VCOCgCeGeCeCgCuKiCM+VCOCdCeKfCs+TCOKfCdCUCNCWCNCUCs+WCs+WCP/htdCWCf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAfACwAAAAADwAMAAAFgODzVBcjXcanrl+QaZumIUnDqoLHedbGLZRLBCApAjaFjUczGHgKngEHI8z4lDudx2NVPDwY7pYDW3ImBwrY4om1NdNNhhBZaiY6jpWzs1QgcRhkGRkTFoYWARAaGA4aDjEbGxMZYQEUHG4yehOZGh4RFQQQFxQAAn8XDxQVAgAhACH5BAUKAB8ALAIACQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABwALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIAAwAFAAEAAAUEYCeKIQAh+QQFCgAfACwCAAMABQABAAAFBmCxedoQAgAh+QQFCgAfACwCAAUACwABAAAFCiDmZZ7HaZuncSEAIfkEBQoAHwAsAgAHAAsAAQAABQmgpk0ex2Wb6YUAIfkEBQoAHwAsAgAJAAsAAQAABQog5mjOpm3blGEhADs=" alt="Loading folder contens..." />
</div>
<div class="icon"> <img src="data:image/gif;base64,R0lGODlhDwAMAMQfAOGdCeGhCeKiCtCTCOGeCtGWCc+UCOGiCNScCN+fCt+fCdSZCd+gCc+UCs6VCOCgCeGeCeCgCuKiCM+VCOCdCeKfCs+TCOKfCdCUCNCWCNCUCs+WCs+WCP/htdCWCf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAfACwAAAAADwAMAAAFgODzVBcjXcanrl+QaZumIUnDqoLHedbGLZRLBCApAjaFjUczGHgKngEHI8z4lDudx2NVPDwY7pYDW3ImBwrY4om1NdNNhhBZaiY6jpWzs1QgcRhkGRkTFoYWARAaGA4aDjEbGxMZYQEUHG4yehOZGh4RFQQQFxQAAn8XDxQVAgAhACH5BAUKAB8ALAIACQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABwALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIAAwAFAAEAAAUEYCeKIQAh+QQFCgAfACwCAAMABQABAAAFBmCxedoQAgAh+QQFCgAfACwCAAUACwABAAAFCiDmZZ7HaZuncSEAIfkEBQoAHwAsAgAHAAsAAQAABQmgpk0ex2Wb6YUAIfkEBQoAHwAsAgAJAAsAAQAABQog5mjOpm3blGEhADs=" alt="Loading folder contens..." />
</div>
<div class="icon2"> <img src="data:image/gif;base64,R0lGODlhDwAMAMQfAOGdCeGhCeKiCtCTCOGeCtGWCc+UCOGiCNScCN+fCt+fCdSZCd+gCc+UCs6VCOCgCeGeCeCgCuKiCM+VCOCdCeKfCs+TCOKfCdCUCNCWCNCUCs+WCs+WCP/htdCWCf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAfACwAAAAADwAMAAAFgODzVBcjXcanrl+QaZumIUnDqoLHedbGLZRLBCApAjaFjUczGHgKngEHI8z4lDudx2NVPDwY7pYDW3ImBwrY4om1NdNNhhBZaiY6jpWzs1QgcRhkGRkTFoYWARAaGA4aDjEbGxMZYQEUHG4yehOZGh4RFQQQFxQAAn8XDxQVAgAhACH5BAUKAB8ALAIACQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABwALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIABQALAAEAAAUGYCeOZBcCACH5BAUKAB8ALAIAAwAFAAEAAAUEYCeKIQAh+QQFCgAfACwCAAMABQABAAAFBmCxedoQAgAh+QQFCgAfACwCAAUACwABAAAFCiDmZZ7HaZuncSEAIfkEBQoAHwAsAgAHAAsAAQAABQmgpk0ex2Wb6YUAIfkEBQoAHwAsAgAJAAsAAQAABQog5mjOpm3blGEhADs=" alt="Loading folder contens..." />
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Base64 encoded animated loading folder gif - Script Codes CSS Codes
body { background: #1C1D1F;
}
img { position: relative;
}
.error::after { content: ''; /*background: url(http://www.davidpuerto.com/assets/codepen/svg/error.svg);*/ background-color: darkred; background-size: 100%; height: 8px; width: 8px; left: 5px; position: absolute; top: 15px;
}
.success::after { content: ''; /*background: url(http://www.davidpuerto.com/assets/codepen/svg/success.svg); */ background-color: limegreen; background-size: 100%; height: 8px; width: 8px; left: 5px; position: absolute; top: 15px;
}
.warning::after { content: ''; /*background: url(http://www.davidpuerto.com/assets/codepen/svg/warning.svg); */ background-color: yellow; background-size: 100%; height: 8px; width: 8px; left: 5px; position: absolute; top: 15px;
}
.icon2.error::after { content: ''; background: url(http://www.davidpuerto.com/assets/codepen/svg/error.svg); background-size: 100%; height: 8px; width: 8px; left: 5px; position: absolute; top: 65px;
}
.icon2.success::after { content: ''; background: url(http://www.davidpuerto.com/assets/codepen/svg/success.svg); background-size: 100%; height: 8px; width: 8px; left: 5px; position: absolute; top: 65px;
}
.icon2.warning::after { content: ''; background: url(http://www.davidpuerto.com/assets/codepen/svg/warning.svg); background-size: 100%; height: 8px; width: 8px; left: 5px; position: absolute; top: 65px;
}
Base64 encoded animated loading folder gif - Script Codes JS Codes
setInterval(function(){ var classes = ['error', 'warning', 'success']; $(function(){ $(".icon, .icon2").toggleClass(classes[~~(Math.random()*classes.length)]); });
}, 600);
Developer | Dapinitial |
Username | dapinitial |
Uploaded | August 11, 2022 |
Rating | 3 |
Size | 2,440 Kb |
Views | 28,336 |
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 |
A Pen by dapinitial | 3,631 Kb |
This is how we do it | 3,283 Kb |
Skeumorphic Switch | 3,559 Kb |
Puertofolio | 6,190 Kb |
Breaking out of overflow hidden | 7,877 Kb |
Epic Editor | 2,079 Kb |
GPX to JSON | 19,708 Kb |
Grid Using Golden Ratio and floats | 9,695 Kb |
Pick the lock | 10,025 Kb |
A Pen by dapinitial | 2,132 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 |
Improved Page Flipping Effect | Usaphp | 5,201 Kb |
CSS Org Chart | Appirio-ux | 3,882 Kb |
We Simplify animation | Meodai | 48,169 Kb |
IE11 Test | Boostnewmedia | 4,998 Kb |
Filtering with shuffle.js | Deyand | 2,712 Kb |
Bootstrap 4 Gridsystem Demo | Rivella50 | 1,535 Kb |
Simple Responsive Text | Fbrz | 2,282 Kb |
Reviews and Ratings Star | Zbnmstry | 1,591 Kb |
Kudos Please | TimPietrusky | 6,624 Kb |
Nice textured background | Hans | 2,659 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!