CSS3 8bit Cristiano Ronaldo
How do I make an css3 8bit cristiano ronaldo?
I created an 8bit Cristiano Ronaldo’s free kick ritual with CSS3 box-shadow property. What is a css3 8bit cristiano ronaldo? How do you make a css3 8bit cristiano ronaldo? This script and codes were developed by Stathis Nikolaidis on 30 August 2022, Tuesday.
CSS3 8bit Cristiano Ronaldo Previews
CSS3 8bit Cristiano Ronaldo - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS3 8bit Cristiano Ronaldo</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="label"><a href="http://en.wikipedia.org/wiki/Cristiano_Ronaldo" target="_blank">Cristiano Ronaldo</a></div>
<div class="creator"><a href="http://stathis-nikolaidis.com" target="_blank">by Stathis Nikolaidis</a></div>
<div class="cristiano"></div> <script src="js/index.js"></script>
</body>
</html>CSS3 8bit Cristiano Ronaldo - Script Codes CSS Codes
@import url(http://fonts.googleapis.com/css?family=Calligraffitti);
body { width: 100%; margin: 0; padding: 0; background: #3c6c84; font-family: 'Calligraffitti';
}
.label { font-size: 24px; margin: 9.6px 0; text-align: center; width: 100%;
}
.label a { text-decoration: none; color: #e4e4e4;
}
.creator { font-size: 12px; margin: -15px 0 10px 60px; text-align: center; width: 100%;
}
.creator a { text-decoration: none; color: #e4e4e4;
}
.cristiano { width: 12px; height: 12px; background: transparent; margin: 10px auto; box-shadow: 0px 12px #291f18, 12px 12px #291f18, -36px 24px #291f18, -24px 24px #291f18, -12px 24px #291f18, 0px 24px #291f18, 12px 24px #291f18, 24px 24px #291f18, 36px 24px #291f18, 48px 24px #291f18, -48px 36px #291f18, -36px 36px #291f18, -24px 36px #291f18, -12px 36px #291f18, 0px 36px #291f18, 12px 36px #291f18, 24px 36px #291f18, 36px 36px #291f18, 48px 36px #291f18, 60px 36px #291f18, -60px 48px #443126, -48px 48px #443126, -36px 48px #291f18, -24px 48px #291f18, -12px 48px #291f18, 0px 48px #291f18, 12px 48px #291f18, 24px 48px #291f18, 36px 48px #291f18, 48px 48px #291f18, 60px 48px #443126, 72px 48px #443126, -60px 60px #443126, -48px 60px #443126, -36px 60px #291f18, -24px 60px #291f18, -12px 60px #291f18, 0px 60px #291f18, 12px 60px #291f18, 24px 60px #291f18, 36px 60px #291f18, 48px 60px #291f18, 60px 60px #443126, 72px 60px #443126, -60px 72px #443126, -48px 72px #443126, -36px 72px #c8825a, -24px 72px #c8825a, -12px 72px #c8825a, 0px 72px #c8825a, 12px 72px #291f18, 24px 72px #c8825a, 36px 72px #c8825a, 48px 72px #c8825a, 60px 72px #443126, 72px 72px #443126, -60px 84px #443126, -48px 84px #443126, -36px 84px #c8825a, -24px 84px #c8825a, -12px 84px #c8825a, 0px 84px #c8825a, 12px 84px #c8825a, 24px 84px #c8825a, 36px 84px #c8825a, 48px 84px #c8825a, 60px 84px #443126, 72px 84px #443126, -60px 96px #443126, -48px 96px #443126, -36px 96px #c8825a, -24px 96px #ba6f41, -12px 96px #ba6f41, 0px 96px #c8825a, 12px 96px #c8825a, 24px 96px #ba6f41, 36px 96px #ba6f41, 48px 96px #c8825a, 60px 96px #443126, 72px 96px #443126, -60px 108px #c8825a, -48px 108px #c8825a, -36px 108px #c8825a, -24px 108px #c8825a, -12px 108px #0e0e0e, 0px 108px #c8825a, 12px 108px #ba6f41, 24px 108px #0e0e0e, 36px 108px #c8825a, 48px 108px #c8825a, 60px 108px #c8825a, 72px 108px #c8825a, -60px 120px #c8825a, -48px 120px #c8825a, -36px 120px #c8825a, -24px 120px #c8825a, -12px 120px #c8825a, 0px 120px #c8825a, 12px 120px #ba6f41, 24px 120px #c8825a, 36px 120px #c8825a, 48px 120px #c8825a, 60px 120px #c8825a, 72px 120px #c8825a, -48px 132px #c8825a, -36px 132px #c8825a, -24px 132px #c8825a, -12px 132px #c8825a, 0px 132px #ba6f41, 12px 132px #ba6f41, 24px 132px #c8825a, 36px 132px #c8825a, 48px 132px #c8825a, 60px 132px #c8825a, -48px 144px #c8825a, -36px 144px #c8825a, -24px 144px #c8825a, -12px 144px #c8825a, 0px 144px #c8825a, 12px 144px #c8825a, 24px 144px #c8825a, 36px 144px #c8825a, 48px 144px #c8825a, 60px 144px #c8825a, -36px 156px #c8825a, -24px 156px #c8825a, -12px 156px #c8825a, 0px 156px #66222d, 12px 156px #66222d, 24px 156px #c8825a, 36px 156px #c8825a, 48px 156px #c8825a, -24px 168px #c8825a, -12px 168px #c8825a, 0px 168px #c8825a, 12px 168px #c8825a, 24px 168px #c8825a, 36px 168px #c8825a, -12px 180px #ba6f41, 0px 180px #ba6f41, 12px 180px #ba6f41, 24px 180px #ba6f41, -24px 192px #7d201e, -12px 192px #972724, 0px 192px #ba6f41, 12px 192px #ba6f41, 24px 192px #972724, 36px 192px #7d201e, -36px 204px #7d201e, -24px 204px #972724, -12px 204px #972724, 0px 204px #972724, 12px 204px #972724, 24px 204px #972724, 36px 204px #972724, 48px 204px #7d201e, -48px 216px #7d201e, -36px 216px #972724, -24px 216px #972724, -12px 216px #972724, 0px 216px #972724, 12px 216px #972724, 24px 216px #8d401b, 36px 216px #972724, 48px 216px #972724, 60px 216px #7d201e, -48px 228px #972724, -36px 228px #972724, -24px 228px #1a5b2c, -12px 228px #1d6532, 0px 228px #1d6532, 12px 228px #1d6532, 24px 228px #8b861d, 36px 228px #1a5b2c, 48px 228px #972724, 60px 228px #972724, -48px 240px #972724, -24px 240px #1a5b2c, -12px 240px #1d6532, 0px 240px #1d6532, 12px 240px #1d6532, 24px 240px #1d6532, 36px 240px #1a5b2c, 60px 240px #972724, -48px 252px #972724, -24px 252px #7d201e, -12px 252px #972724, 0px 252px #972724, 12px 252px #972724, 24px 252px #972724, 36px 252px #7d201e, 60px 252px #972724, -60px 264px #972724, -24px 264px #7d201e, -12px 264px #972724, 0px 264px #972724, 12px 264px #972724, 24px 264px #972724, 36px 264px #7d201e, 72px 264px #972724, -60px 276px #972724, -24px 276px #7d201e, -12px 276px #972724, 0px 276px #972724, 12px 276px #972724, 24px 276px #972724, 36px 276px #7d201e, 72px 276px #972724, -60px 288px #972724, -24px 288px #7d201e, -12px 288px #972724, 0px 288px #972724, 12px 288px #972724, 24px 288px #972724, 36px 288px #7d201e, 72px 288px #972724, -60px 300px #972724, -24px 300px #7d201e, -12px 300px #972724, 0px 300px #972724, 12px 300px #972724, 24px 300px #972724, 36px 300px #7d201e, 72px 300px #972724, -60px 312px #c8825a, -24px 312px #7d201e, -12px 312px #972724, 0px 312px #972724, 12px 312px #972724, 24px 312px #972724, 36px 312px #7d201e, 72px 312px #c8825a, -24px 324px #7d201e, -12px 324px #972724, 0px 324px #972724, 12px 324px #972724, 24px 324px #972724, 36px 324px #7d201e, -24px 336px #c9c9c9, -12px 336px #e4e4e4, 0px 336px #e4e4e4, 12px 336px #e4e4e4, 24px 336px #e4e4e4, 36px 336px #c9c9c9, -36px 348px #c9c9c9, -24px 348px #e4e4e4, -12px 348px #e4e4e4, 0px 348px #e4e4e4, 12px 348px #e4e4e4, 24px 348px #e4e4e4, 36px 348px #e4e4e4, 48px 348px #c9c9c9, -36px 360px #e4e4e4, -24px 360px #e4e4e4, -12px 360px #e4e4e4, 24px 360px #e4e4e4, 36px 360px #e4e4e4, 48px 360px #e4e4e4, -48px 372px #c9c9c9, -36px 372px #e4e4e4, -24px 372px #e4e4e4, 36px 372px #e4e4e4, 48px 372px #e4e4e4, 60px 372px #c9c9c9, -48px 384px #ba6f41, -36px 384px #c8825a, -24px 384px #c8825a, 36px 384px #c8825a, 48px 384px #c8825a, 60px 384px #ba6f41, -48px 396px #c8825a, -36px 396px #c8825a, 48px 396px #c8825a, 60px 396px #c8825a, -60px 408px #ba6f41, -48px 408px #c8825a, 60px 408px #c8825a, 72px 408px #ba6f41, -60px 420px #c8825a, -48px 420px #c8825a, 60px 420px #c8825a, 72px 420px #c8825a, -72px 432px #1a5b2c, -60px 432px #1d6532, 72px 432px #1d6532, 84px 432px #1a5b2c, -72px 444px #1d6532, -60px 444px #1d6532, 72px 444px #1d6532, 84px 444px #1d6532, -72px 456px #1d6532, 84px 456px #1d6532, -84px 468px #1a5b2c, -72px 468px #1d6532, 84px 468px #1d6532, 96px 468px #1a5b2c, -96px 480px #e4e4e4, -84px 480px #e4e4e4, -72px 480px #972724, 84px 480px #972724, 96px 480px #e4e4e4, 108px 480px #e4e4e4, 12px 516px #e4e4e4, 24px 516px #e4e4e4, 36px 516px #e4e4e4, 0px 528px #e4e4e4, 12px 528px #8d8d8d, 24px 528px #e4e4e4, 36px 528px #e4e4e4, 48px 528px #8d8d8d, -12px 540px #c3c3c3, 0px 540px #e4e4e4, 12px 540px #dadada, 24px 540px #8d8d8d, 36px 540px #8d8d8d, 48px 540px #e4e4e4, 60px 540px #c3c3c3, -12px 552px #c3c3c3, 0px 552px #dadada, 12px 552px #dadada, 24px 552px #8d8d8d, 36px 552px #737373, 48px 552px #e4e4e4, 60px 552px #c3c3c3, -12px 564px #c3c3c3, 0px 564px #c3c3c3, 12px 564px #737373, 24px 564px #e4e4e4, 36px 564px #e4e4e4, 48px 564px #555555, 60px 564px #c3c3c3, 0px 576px #414141, 12px 576px #c3c3c3, 24px 576px #c3c3c3, 36px 576px #c3c3c3, 48px 576px #c3c3c3, 12px 588px #b5b5b5, 24px 588px #b5b5b5, 36px 588px #b5b5b5;
}
CSS3 8bit Cristiano Ronaldo - Script Codes JS Codes
/*
Based on :
http://codepen.io/afnecors/pen/glaGd and
http://8bit-football.com/2012/11/09/cristiano-ronaldos-free-kick-ritual/
*/
| Developer | Stathis Nikolaidis |
| Username | stathisnikolaidis |
| Uploaded | August 30, 2022 |
| Rating | 3 |
| Size | 4,860 Kb |
| Views | 36,432 |
Do you need developer help for CSS3 8bit Cristiano Ronaldo?
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!
Stathis Nikolaidis (stathisnikolaidis) Script Codes
| Name | Size |
| CSS Pseudo-Elements | 2,245 Kb |
| CSS3 Rising Sun | 2,200 Kb |
| Simple CSS3 Social Icons | 1,928 Kb |
| CSS3 Bottle Lifts Up on Hover | 2,993 Kb |
| CSS3 Rounded Corners | 1,726 Kb |
| CSS3 Simple Moving Background | 1,910 Kb |
| Right Sidebar List | 2,164 Kb |
| Matrix | 1,922 Kb |
| CSS3 Change Text Selection Colour | 1,902 Kb |
Create amazing sales emails with AI!
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!
Similar Scripts & Codes
| Name | Username | Size |
| Svg sky | Omodev | 7,070 Kb |
| Codero Sitemap | S1m0ne | 28,169 Kb |
| Scoreboard.js basic usage | Tbleckert | 1,733 Kb |
| SVG hamburger menu button | Elifitch | 2,602 Kb |
| Tab panels | Accessibility | 0 Kb |
| Loading... | Adamjacob | 2,384 Kb |
| Animated SVG stroke-dasharray | Netsi1964 | 3,179 Kb |
| RollOver Effect 2 | Lmack90 | 2,162 Kb |
| Calculator - codevember 08 - 2016 | Caiocares | 3,260 Kb |
| Navcube | Wbarlow | 4,775 Kb |
Do you want hide your ip address?
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!