Cool Design
How do I make an cool design?
What is a cool design? How do you make a cool design? This script and codes were developed by AppleCrazy on 23 September 2022, Friday.
Cool Design - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cool Design</title> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <h1>Loading...</h1>
</div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Cool Design - Script Codes CSS Codes
body { font-family: Roboto; width: 100vw; height: 100vh; background: linear-gradient(to bottom, rgba(0,149,255,1) 0%, rgba(0,255,38,1) 100%); color: white; padding: 0; margin-top: 0;
}
.container { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center;
}
h1 { font-weight: 300; font-size: 4em;
}
Cool Design - Script Codes JS Codes
var pause = 2000;
var speed = 1500;
function animateText() { $('h1').fadeIn(speed).delay(pause).fadeOut(speed, animateText);
}
$(animateText);
// The callback scariness
// $(function() {
// $('h1').delay(pause).fadeOut(500, function() {
// $('h1').text("I'm AppleCrazy.").fadeIn(500, function() {
// $('h1').delay(pause).fadeOut(500, function() {
// $('h1').text("I make cool things.").fadeIn(500, function() {
// $('h1').delay(pause).fadeOut(500, function() {
// $('h1').html("Visit me at<br>applecrazy.github.io").fadeIn(500);
// });
// });
// });
// });
// });
// });
// Horrible promisified version
// var strings = ["I'm AppleCrazy.", "I make cool things.", "Visit me at applecrazy.github.io."];
// for (var i = 0; i < strings.length; i++) {
// $('h1').delay(pause).fadeOut(speed).promise().done(() => {
// $('h1').text(strings[i]).fadeIn(speed).promise().done(() => {
// return;
// });
// });
// }
Developer | AppleCrazy |
Username | applecrazy |
Uploaded | September 23, 2022 |
Rating | 3 |
Size | 2,127 Kb |
Views | 18,216 |
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 |
Digital Holiday Card | 3,776 Kb |
Pure JS Webpage | 1,995 Kb |
Basic Equation Generator | 2,810 Kb |
ContentEditable Text Editor | 2,352 Kb |
VueJS Stack Overflow Feed | 2,784 Kb |
Markdownify | 1,652 Kb |
Angular Swag | 1,641 Kb |
Watch the News | 2,679 Kb |
Get Some Zen | 2,475 Kb |
Signal Reciever | 3,056 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 |
Pure CSS Tooltip | APinix | 2,815 Kb |
Boom | Mhrjnsa1 | 1,794 Kb |
Text Looping Transition | Agelber | 5,619 Kb |
Reading Grid | Tappily | 4,306 Kb |
NgEasyModal | Lorenzodianni | 4,159 Kb |
Apple website | Jds317 | 1,835 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
Pure CSS Torch Light | Juliendargelos | 2,727 Kb |
Retina canvas w. resize | Erikterwan | 1,882 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!