Designed by Apple in California
How do I make an designed by apple in california?
Having fun trying to mimic http://www.apple.com/designed-by-apple/. What is a designed by apple in california? How do you make a designed by apple in california? This script and codes were developed by Josep Llodrà on 19 January 2023, Thursday.
Designed by Apple in California - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Designed by Apple in California</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- twitter @josep_llodra -->
<!-- fast blur by stackBlur -->
<span>Designed by Apple in California</span>
<div class="t1">we are engineers and artists</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://www.quasimondo.com/StackBlurForCanvas/StackBlur.js'></script> <script src="js/index.js"></script>
</body>
</html>
Designed by Apple in California - Script Codes CSS Codes
html, body { background-color: #FFFEFE; width: 100%; height: 100%; overflow: hidden;
}
canvas { background-color: transparent; position: absolute;
}
span { position: absolute; top: 50%; width: 100%; margin-top: -48px; text-align: center; font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 48px; letter-spacing: 1px;
}
div { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px;
}
div.t1 { position: absolute; top: 50%; width: 100%; text-align: center; margin-top: 24px;
}
Designed by Apple in California - Script Codes JS Codes
$(document).ready(function() { var n = 30; var size; for(var i=0; i < n; i++) { size = Math.floor(Math.random()*100) + 50; var x = Math.random()*$(document).width(); var y = Math.random()*$(document).height(); var el = $('<canvas id="'+i+'" width="'+size+'" height="'+size+'" style="z-index:'+i+'; top:'+y+'px; left:'+x+'px"></canvas>'); $('body').append(el); var ctx = el[0].getContext("2d"); //draw a circle ctx.fillStyle = "rgba(0,0,0,"+Math.random()/4+")"; ctx.beginPath(); ctx.arc(size/2, size/2, size/2 - 7, size/2 - 7, Math.PI*2, true); ctx.closePath(); ctx.fill(); stackBlurCanvasRGBA( i, 0, 0, size, size, Math.ceil(Math.random()*10)); }
});
Developer | Josep Llodrà |
Username | jllodra |
Uploaded | January 19, 2023 |
Rating | 3 |
Size | 2,319 Kb |
Views | 8,096 |
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 |
Hypnotic animation | 4,016 Kb |
CSS Loading text | 2,461 Kb |
3D Pythagoras tree II | 3,941 Kb |
Gradient overlay button concept | 2,556 Kb |
A worm in the sand | 3,577 Kb |
Rolling dice | 1,889 Kb |
Twisted text | 3,072 Kb |
Mesmerizing octopus | 3,549 Kb |
Circle illusion | 3,735 Kb |
Drawing a tree | 2,269 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 |
Segments mouse following | Nosir | 2,909 Kb |
Under construction | GhostRider | 1,642 Kb |
Vue.js | Thommyboy02 | 1,506 Kb |
IE flex collapse bug fix | Rowno | 2,678 Kb |
Blog Concept 2 | JGallardo | 2,994 Kb |
A Pen by Xand0r | Xand0r | 1,928 Kb |
Website Concept | Sagoza | 3,104 Kb |
Faux column absolute wrapper | Yurimorini | 1,823 Kb |
Test | Dviate | 2,668 Kb |
Base64 SVG Me | MrBambule | 44,786 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!