SERIAL Logo - single element
How do I make an serial logo - single element?
Big fan of the show. WIP!. What is a serial logo - single element? How do you make a serial logo - single element? This script and codes were developed by Saransh Sinha on 13 September 2022, Tuesday.
SERIAL Logo - single element - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SERIAL Logo - single element</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(https://fonts.googleapis.com/css?family=Krona+One);
#logo { width: 160px; height: 200px; background: black; border-radius: 15px; overflow: none; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: -5px 5px 0px 0px white, -15px 15px 0px 0px black, -20px 20px 0px 0px white, -30px 30px 0px 0px black, -35px 35px 0px 0px white, -45px 45px 0px 0px black; font-family: "Krona One"; color: #F2ECC7; text-align: center; font-size: 120px; line-height: 240px; -webkit-text-stroke: 4px #EC1A2E; text-shadow: 0 3px 0 #F2ECC7, 1px 3px 0 #F2ECC7; cursor: default;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div id='logo'> S
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>
SERIAL Logo - single element - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Krona+One);
#logo { width: 160px; height: 200px; background: black; border-radius: 15px; overflow: none; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: -5px 5px 0px 0px white, -15px 15px 0px 0px black, -20px 20px 0px 0px white, -30px 30px 0px 0px black, -35px 35px 0px 0px white, -45px 45px 0px 0px black; font-family: "Krona One"; color: #F2ECC7; text-align: center; font-size: 120px; line-height: 240px; -webkit-text-stroke: 4px #EC1A2E; text-shadow: 0 3px 0 #F2ECC7, 1px 3px 0 #F2ECC7; cursor: default;
}
![SERIAL Logo - single element - Script Codes](http://shots.codepen.io/saransh/pen/gbRMPL-512.jpg)
Developer | Saransh Sinha |
Username | saransh |
Uploaded | September 13, 2022 |
Rating | 3 |
Size | 2,823 Kb |
Views | 20,240 |
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 |
COSMOS Title Card CSS3 | 2,592 Kb |
House Of Cards Animated Logo | 3,463 Kb |
Parallax Star background in CSS | 15,075 Kb |
Finding Snoo | 14,855 Kb |
Avatar Aang SVG Animated | 10,196 Kb |
Readr for Reddit | 8,948 Kb |
The Space Game Concept screen | 14,846 Kb |
Gravity Animated Poster | 18,003 Kb |
A Pen by Saransh Sinha | 3,797 Kb |
New Pen | 1,329 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 |
Caputre Cam with JS | KimmoCommit | 2,795 Kb |
Fullscreen audio play button | 72 | 2,148 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Underlined form fields | Mitchdot | 2,323 Kb |
Animated Logo | Shakdaniel | 2,672 Kb |
UI Challenge - Budget Selector | AgentRR007 | 3,547 Kb |
Drop Cap | Gsaiki | 1,571 Kb |
Google Maps API Ground Overlay | Boycetrus | 2,961 Kb |
Ipad Mini Showcase | Hornebom | 10,479 Kb |
FCC_Twitch.tv | MitchES | 3,466 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!