Random Gradients - JS
How do I make an random gradients - js?
What is a random gradients - js? How do you make a random gradients - js? This script and codes were developed by Aaron Levine on 30 January 2023, Monday.
Random Gradients - JS - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Random Gradients - JS</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src="js/index.js"></script>
</body>
</html>
Random Gradients - JS - Script Codes CSS Codes
html, body { width:100%; height:100%; margin:0; padding:0;
}
div { height: 10px;
}
Random Gradients - JS - Script Codes JS Codes
function hslToHex(h, s, l){ var r, g, b; if(s == 0){ r = g = b = l; }else{ function hue2rgb(p, q, t){ if(t < 0) t += 1; if(t > 1) t -= 1; if(t < 1/6) return p + (q - p) * 6 * t; if(t < 1/2) return q; if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; return p; } var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1/3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1/3); } r = (r * 255).toFixed(0); g = (g * 255).toFixed(0); b = (b * 255).toFixed(0); var hR = Number(r).toString(16), hG = Number(g).toString(16), hB = Number(b).toString(16); hR = hR.length == 1 ? hR + '0' : hR.length > 2 ? hR[0] + hR[1] : hR; hG = hG.length == 1 ? hG + '0' : hG.length > 2 ? hG[0] + hG[1] : hG; hB = hB.length == 1 ? hB + '0' : hB.length > 2 ? hB[0] + hB[1] : hB; return '#'+hR+hG+hB;
}
for(var i = 1; i <= 48; i++){ var hue = Math.random(); for(var j = 1; j <= 5; j++){ var color = hslToHex(hue, 0.5, j/8 + 0.15), div = document.createElement('DIV'); div.style.background = color; document.body.appendChild(div); }
}
Developer | Aaron Levine |
Username | Aldlevine |
Uploaded | January 30, 2023 |
Rating | 3 |
Size | 2,026 Kb |
Views | 4,048 |
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 |
Popup Modal | 3,696 Kb |
Card Mockup | 6,436 Kb |
Flashy Rating Page | 4,375 Kb |
CRT TV Page Load Animation | 2,498 Kb |
Progress | 2,659 Kb |
CSS Spinning Wireframe Sphere | 4,612 Kb |
Sliding Single Select | 3,968 Kb |
Faceful Cubes | 3,721 Kb |
Nav-Bar and Tab-Bar Layout | 3,936 Kb |
Mobile App Design | 9,243 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 |
Wikipedia API | Coderpilot | 2,802 Kb |
CSS3 Fullscreen Background Slideshow | Leetech | 3,435 Kb |
Price Comparison Table | Orrinward | 3,459 Kb |
Layout 11 | Altynai | 1,690 Kb |
Simple jQuery Slider | Jurbank | 2,874 Kb |
Twitch Live Channels | Inkblotty | 4,956 Kb |
Birthday Party Starter | Aussieyang | 1,629 Kb |
Calculator - codevember 08 - 2016 | Caiocares | 3,260 Kb |
Multicolumns 2 | Raphaelgoetter | 1,857 Kb |
Mosaic transition effect between two photos using jQuery | Stathisg | 2,518 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!