Single Element 8-bit characters
How do I make an single element 8-bit characters?
Single Element 8-bit characters: Mushroom, Link and Mario (more to come).. What is a single element 8-bit characters? How do you make a single element 8-bit characters? This script and codes were developed by Billy Brown on 30 September 2022, Friday.
Single Element 8-bit characters Previews
Single Element 8-bit characters - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Single Element 8-bit characters</title> <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! */ div { height: 8px; margin: 50px; width: 8px;
}
.mario { box-shadow: 24px 0 red, 32px 0 red, 40px 0 red, 48px 0 red, 56px 0 red, 16px 8px red, 24px 8px red, 32px 8px red, 40px 8px red, 48px 8px red, 56px 8px red, 64px 8px red, 72px 8px red, 80px 8px red, 16px 16px #706800, 24px 16px #706800, 32px 16px #706800, 40px 16px #f8ab00, 48px 16px #f8ab00, 56px 16px #706800, 64px 16px #f8ab00, 8px 24px #706800, 16px 24px #f8ab00, 24px 24px #706800, 32px 24px #f8ab00, 40px 24px #f8ab00, 48px 24px #f8ab00, 56px 24px #706800, 64px 24px #f8ab00, 72px 24px #f8ab00, 80px 24px #f8ab00, 8px 32px #706800, 16px 32px #f8ab00, 24px 32px #706800, 32px 32px #706800, 40px 32px #f8ab00, 48px 32px #f8ab00, 56px 32px #f8ab00, 64px 32px #706800, 72px 32px #f8ab00, 80px 32px #f8ab00, 88px 32px #f8ab00, 8px 40px #706800, 16px 40px #706800, 24px 40px #f8ab00, 32px 40px #f8ab00, 40px 40px #f8ab00, 48px 40px #f8ab00, 56px 40px #706800, 64px 40px #706800, 72px 40px #706800, 80px 40px #706800, 24px 48px #f8ab00, 32px 48px #f8ab00, 40px 48px #f8ab00, 48px 48px #f8ab00, 56px 48px #f8ab00, 64px 48px #f8ab00, 72px 48px #f8ab00, 16px 56px #706800, 24px 56px #706800, 32px 56px red, 40px 56px #706800, 48px 56px #706800, 56px 56px #706800, 8px 64px #706800, 16px 64px #706800, 24px 64px #706800, 32px 64px red, 40px 64px #706800, 48px 64px #706800, 56px 64px red, 64px 64px #706800, 72px 64px #706800, 80px 64px #706800, 0 72px #706800, 8px 72px #706800, 16px 72px #706800, 24px 72px #706800, 32px 72px red, 40px 72px red, 48px 72px red, 56px 72px red, 64px 72px #706800, 72px 72px #706800, 80px 72px #706800, 88px 72px #706800, 0px 80px #f8ab00, 8px 80px #f8ab00, 16px 80px #706800, 24px 80px red, 32px 80px #f8ab00, 40px 80px red, 48px 80px red, 56px 80px #f8ab00, 64px 80px red, 72px 80px #706800, 80px 80px #f8ab00, 88px 80px #f8ab00, 0px 88px #f8ab00, 8px 88px #f8ab00, 16px 88px #f8ab00, 24px 88px red, 32px 88px red, 40px 88px red, 48px 88px red, 56px 88px red, 64px 88px red, 72px 88px #f8ab00, 80px 88px #f8ab00, 88px 88px #f8ab00, 0 96px #f8ab00, 8px 96px #f8ab00, 16px 96px red, 24px 96px red, 32px 96px red, 40px 96px red, 48px 96px red, 56px 96px red, 64px 96px red, 72px 96px red, 80px 96px #f8ab00, 88px 96px #f8ab00, 16px 104px red, 24px 104px red, 32px 104px red, 56px 104px red, 64px 104px red, 72px 104px red, 8px 112px #706800, 16px 112px #706800, 24px 112px #706800, 64px 112px #706800, 72px 112px #706800, 80px 112px #706800, 0 120px #706800, 8px 120px #706800, 16px 120px #706800, 24px 120px #706800, 64px 120px #706800, 72px 120px #706800, 80px 120px #706800, 88px 120px #706800;
}
.link { box-shadow: 32px 0 green, 40px 0 green, 48px 0 green, 56px 0 green, 64px 0 green, 72px 0 green, 24px 8px green, 32px 8px green, 40px 8px green, 48px 8px green, 56px 8px green, 64px 8px green, 72px 8px green, 80px 8px green, 8px 16px #ef9346, 24px 16px green, 32px 16px #734625, 40px 16px #734625, 48px 16px #734625, 56px 16px #734625, 64px 16px #734625, 72px 16px #734625, 80px 16px green, 96px 16px #ef9346, 8px 24px #ef9346, 24px 24px #734625, 32px 24px #734625, 40px 24px #734625, 48px 24px #734625, 56px 24px #734625, 64px 24px #734625, 72px 24px #734625, 80px 24px #734625, 96px 24px #ef9346, 8px 32px #ef9346, 16px 32px #ef9346, 24px 32px #734625, 32px 32px #ef9346, 40px 32px green, 48px 32px #ef9346, 56px 32px #ef9346, 64px 32px green, 72px 32px #ef9346, 80px 32px #734625, 88px 32px #ef9346, 96px 32px #ef9346, 8px 40px #ef9346, 16px 40px #ef9346, 24px 40px #734625, 32px 40px #ef9346, 40px 40px #734625, 48px 40px #ef9346, 56px 40px #ef9346, 64px 40px #734625, 72px 40px #ef9346, 80px 40px #734625, 88px 40px #ef9346, 96px 40px #ef9346, 16px 48px #ef9346, 24px 48px #ef9346, 32px 48px #ef9346, 40px 48px #ef9346, 48px 48px #ef9346, 56px 48px #ef9346, 64px 48px #ef9346, 72px 48px #ef9346, 80px 48px #ef9346, 88px 48px #ef9346, 96px 48px #734625, 24px 56px green, 32px 56px #ef9346, 40px 56px #ef9346, 48px 56px #734625, 56px 56px #734625, 64px 56px #ef9346, 72px 56px #ef9346, 80px 56px green, 88px 56px #734625, 96px 56px #734625, 8px 64px #734625, 16px 64px #734625, 24px 64px #734625, 32px 64px #734625, 40px 64px #734625, 48px 64px #ef9346, 56px 64px #ef9346, 64px 64px #ef9346, 72px 64px green, 80px 64px green, 88px 64px green, 96px 64px #ef9346, 0 72px #734625, 8px 72px #734625, 16px 72px #ef9346, 24px 72px #734625, 32px 72px #734625, 40px 72px #734625, 48px 72px #734625, 56px 72px green, 64px 72px green, 72px 72px green, 80px 72px green, 88px 72px green, 96px 72px #ef9346, 0 80px #734625, 8px 80px #ef9346, 16px 80px #ef9346, 24px 80px #ef9346, 32px 80px #734625, 40px 80px #734625, 48px 80px #ef9346, 56px 80px #734625, 64px 80px #734625, 72px 80px green, 80px 80px green, 88px 80px #734625, 0 88px #734625, 8px 88px #734625, 16px 88px #ef9346, 24px 88px #734625, 32px 88px #734625, 40px 88px #734625, 48px 88px #ef9346, 56px 88px green, 64px 88px #734625, 72px 88px #734625, 80px 88px #734625, 88px 88px green, 0 96px #734625, 8px 96px #734625, 16px 96px #ef9346, 24px 96px #734625, 32px 96px #734625, 40px 96px #734625, 48px 96px #ef9346, 56px 96px #734625, 64px 96px #734625, 72px 96px green, 80px 96px green, 88px 96px green, 0 104px #734625, 8px 104px #734625, 16px 104px #734625, 24px 104px #734625, 32px 104px #734625, 40px 104px #734625, 48px 104px #ef9346, 56px 104px green, 64px 104px green, 72px 104px green, 80px 104px #734625, 8px 112px #734625, 16px 112px #734625, 24px 112px #734625, 32px 112px #734625, 40px 112px #734625, 64px 112px #734625, 72px 112px #734625, 80px 112px #734625, 64px 120px #734625, 72px 120px #734625, 80px 120px #734625; margin: -56px 200px;
}
.mushroom { box-shadow: 40px 0 black, 48px 0 black, 56px 0 black, 64px 0 black, 72px 0 black, 80px 0 black, 24px 8px black, 32px 8px black, 40px 8px black, 48px 8px red, 56px 8px orange, 64px 8px orange, 72px 8px red, 80px 8px black, 88px 8px black, 96px 8px black, 16px 16px black, 24px 16px black, 32px 16px red, 40px 16px red, 48px 16px red, 56px 16px orange, 64px 16px orange, 72px 16px red, 80px 16px red, 88px 16px red, 96px 16px black, 104px 16px black, 8px 24px black, 16px 24px black, 24px 24px orange, 32px 24px red, 40px 24px red, 48px 24px orange, 56px 24px orange, 64px 24px orange, 72px 24px orange, 80px 24px red, 88px 24px red, 96px 24px orange, 104px 24px black, 112px 24px black, 8px 32px black, 16px 32px red, 24px 32px orange, 32px 32px orange, 40px 32px orange, 48px 32px orange, 56px 32px orange, 64px 32px orange, 72px 32px orange, 80px 32px orange, 88px 32px orange, 96px 32px orange, 104px 32px red, 112px 32px black, 0 40px black, 8px 40px black, 16px 40px red, 24px 40px red, 32px 40px orange, 40px 40px orange, 48px 40px red, 56px 40px red, 64px 40px red, 72px 40px red, 80px 40px orange, 88px 40px orange, 96px 40px red, 104px 40px red, 112px 40px black, 120px 40px black, 0 48px black, 8px 48px red, 16px 48px red, 24px 48px red, 32px 48px orange, 40px 48px red, 48px 48px red, 56px 48px red, 64px 48px red, 72px 48px red, 80px 48px red, 88px 48px orange, 96px 48px red, 104px 48px red, 112px 48px red, 120px 48px black, 0 56px black, 8px 56px red, 16px 56px red, 24px 56px red, 32px 56px orange, 40px 56px red, 48px 56px red, 56px 56px red, 64px 56px red, 72px 56px red, 80px 56px red, 88px 56px orange, 96px 56px red, 104px 56px red, 112px 56px red, 120px 56px black, 0 64px black, 8px 64px red, 16px 64px red, 24px 64px orange, 32px 64px orange, 40px 64px red, 48px 64px red, 56px 64px red, 64px 64px red, 72px 64px red, 80px 64px red, 88px 64px orange, 96px 64px orange, 104px 64px red, 112px 64px red, 120px 64px black, 0 72px black, 8px 72px orange, 16px 72px orange, 24px 72px orange, 32px 72px orange, 40px 72px orange, 48px 72px red, 56px 72px red, 64px 72px red, 72px 72px red, 80px 72px orange, 88px 72px orange, 96px 72px orange, 104px 72px orange, 112px 72px orange, 120px 72px black, 0 80px black, 8px 80px orange, 16px 80px orange, 24px 80px black, 32px 80px black, 40px 80px black, 48px 80px black, 56px 80px black, 64px 80px black, 72px 80px black, 80px 80px black, 88px 80px black, 96px 80px black, 104px 80px orange, 112px 80px orange, 120px 80px black, 0 88px black, 8px 88px black, 16px 88px black, 24px 88px black, 32px 88px white, 40px 88px white, 48px 88px black, 56px 88px white, 64px 88px white, 72px 88px black, 80px 88px white, 88px 88px white, 96px 88px black, 104px 88px black, 112px 88px black, 120px 88px black, 8px 96px black, 16px 96px black, 24px 96px white, 32px 96px white, 40px 96px white, 48px 96px black, 56px 96px white, 64px 96px white, 72px 96px black, 80px 96px white, 88px 96px white, 96px 96px white, 104px 96px black, 112px 96px black, 16px 104px black, 24px 104px white, 32px 104px white, 40px 104px white, 48px 104px white, 56px 104px white, 64px 104px white, 72px 104px white, 80px 104px white, 88px 104px white, 96px 104px white, 104px 104px black, 16px 112px black, 24px 112px black, 32px 112px white, 40px 112px white, 48px 112px white, 56px 112px white, 64px 112px white, 72px 112px white, 80px 112px white, 88px 112px white, 96px 112px black, 104px 112px black, 24px 120px black, 32px 120px black, 40px 120px black, 48px 120px black, 56px 120px black, 64px 120px black, 72px 120px black, 80px 120px black, 88px 120px black, 96px 120px black; margin: 48px 350px;
}
.mc { margin: -40px 500px; position: relative;
}
.left,
.top,
.right { height: 10px; width: 8px;
}
.left { background: green; box-shadow: 0 10px green, 0 19px brown, 0 28px brown, 0 37px brown, 0 45px brown, -8px 0 green, -16px 0 green, -24px 0 green, -32px 0 green, -40px 0 green, -8px 9px brown, -16px 9px green, -24px 9px green, -32px 9px brown, -40px 9px green, -8px 18px brown, -16px 18px brown, -24px 18px brown, -32px 18px brown, -40px 18px brown, -8px 27px brown, -16px 27px brown, -24px 27px brown, -32px 27px brown, -40px 27px brown, -8px 36px brown, -16px 36px brown, -24px 36px brown, -32px 36px brown, -40px 36px brown, -8px 45px brown, -16px 45px brown, -24px 45px brown, -32px 45px brown, -40px 45px brown ; margin: 100px 55px; transform: skewY(30deg);
}
.right { background: green; box-shadow: 0 10px green, 0 19px brown, 0 28px brown, 0 37px brown, 0 45px brown, 8px 0 green, 16px 0 green, 24px 0 green, 32px 0 green, 40px 0 green, 8px 9px brown, 16px 9px green, 24px 9px green, 32px 9px brown, 40px 9px green, 8px 18px brown, 16px 18px brown, 24px 18px brown, 32px 18px brown, 40px 18px brown, 8px 27px brown, 16px 27px brown, 24px 27px brown, 32px 27px brown, 40px 27px brown, 8px 36px brown, 16px 36px brown, 24px 36px brown, 32px 36px brown, 40px 36px brown, 8px 45px brown, 16px 45px brown, 24px 45px brown, 32px 45px brown, 40px 45px brown ; margin: -110px 63px; transform: skewY(-30deg);
}
.top { background: green; box-shadow: -1px -7px green, 0 -14px green, 0 -21px green, 0 -28px green, 0 -35px green, 0 -42px green, 8px 0 green, 17px 0 green, 26px 0 green, 35px 0 green, 44px 0 green, 8px -7px green, 17px -7px green, 26px -7px green, 35px -7px green, 44px -7px green, 8px -14px green, 17px -14px green, 26px -14px green, 35px -14px green, 44px -14px green, 8px -21px green, 17px -21px green, 26px -21px green, 35px -21px green, 44px -21px green, 8px -28px green, 17px -28px green, 26px -28px green, 35px -28px green, 44px -28px green, 8px -35px green, 17px -35px green, 26px -35px green, 35px -35px green, 44px -35px green, 8px -42px green, 17px -42px green, 26px -42px green, 35px -42px green, 44px -42px green ; height: 8px; margin: 94px 58px; transform: rotate(-30deg) skew(30deg); width: 10px;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="mario"></div>
<div class="link"></div>
<div class="mushroom"></div>
<div class="mc"> <div class="left"></div> <div class="right"></div> <div class="top"></div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Single Element 8-bit characters - Script Codes CSS Codes
div { height: 8px; margin: 50px; width: 8px;
}
.mario { box-shadow: 24px 0 red, 32px 0 red, 40px 0 red, 48px 0 red, 56px 0 red, 16px 8px red, 24px 8px red, 32px 8px red, 40px 8px red, 48px 8px red, 56px 8px red, 64px 8px red, 72px 8px red, 80px 8px red, 16px 16px #706800, 24px 16px #706800, 32px 16px #706800, 40px 16px #f8ab00, 48px 16px #f8ab00, 56px 16px #706800, 64px 16px #f8ab00, 8px 24px #706800, 16px 24px #f8ab00, 24px 24px #706800, 32px 24px #f8ab00, 40px 24px #f8ab00, 48px 24px #f8ab00, 56px 24px #706800, 64px 24px #f8ab00, 72px 24px #f8ab00, 80px 24px #f8ab00, 8px 32px #706800, 16px 32px #f8ab00, 24px 32px #706800, 32px 32px #706800, 40px 32px #f8ab00, 48px 32px #f8ab00, 56px 32px #f8ab00, 64px 32px #706800, 72px 32px #f8ab00, 80px 32px #f8ab00, 88px 32px #f8ab00, 8px 40px #706800, 16px 40px #706800, 24px 40px #f8ab00, 32px 40px #f8ab00, 40px 40px #f8ab00, 48px 40px #f8ab00, 56px 40px #706800, 64px 40px #706800, 72px 40px #706800, 80px 40px #706800, 24px 48px #f8ab00, 32px 48px #f8ab00, 40px 48px #f8ab00, 48px 48px #f8ab00, 56px 48px #f8ab00, 64px 48px #f8ab00, 72px 48px #f8ab00, 16px 56px #706800, 24px 56px #706800, 32px 56px red, 40px 56px #706800, 48px 56px #706800, 56px 56px #706800, 8px 64px #706800, 16px 64px #706800, 24px 64px #706800, 32px 64px red, 40px 64px #706800, 48px 64px #706800, 56px 64px red, 64px 64px #706800, 72px 64px #706800, 80px 64px #706800, 0 72px #706800, 8px 72px #706800, 16px 72px #706800, 24px 72px #706800, 32px 72px red, 40px 72px red, 48px 72px red, 56px 72px red, 64px 72px #706800, 72px 72px #706800, 80px 72px #706800, 88px 72px #706800, 0px 80px #f8ab00, 8px 80px #f8ab00, 16px 80px #706800, 24px 80px red, 32px 80px #f8ab00, 40px 80px red, 48px 80px red, 56px 80px #f8ab00, 64px 80px red, 72px 80px #706800, 80px 80px #f8ab00, 88px 80px #f8ab00, 0px 88px #f8ab00, 8px 88px #f8ab00, 16px 88px #f8ab00, 24px 88px red, 32px 88px red, 40px 88px red, 48px 88px red, 56px 88px red, 64px 88px red, 72px 88px #f8ab00, 80px 88px #f8ab00, 88px 88px #f8ab00, 0 96px #f8ab00, 8px 96px #f8ab00, 16px 96px red, 24px 96px red, 32px 96px red, 40px 96px red, 48px 96px red, 56px 96px red, 64px 96px red, 72px 96px red, 80px 96px #f8ab00, 88px 96px #f8ab00, 16px 104px red, 24px 104px red, 32px 104px red, 56px 104px red, 64px 104px red, 72px 104px red, 8px 112px #706800, 16px 112px #706800, 24px 112px #706800, 64px 112px #706800, 72px 112px #706800, 80px 112px #706800, 0 120px #706800, 8px 120px #706800, 16px 120px #706800, 24px 120px #706800, 64px 120px #706800, 72px 120px #706800, 80px 120px #706800, 88px 120px #706800;
}
.link { box-shadow: 32px 0 green, 40px 0 green, 48px 0 green, 56px 0 green, 64px 0 green, 72px 0 green, 24px 8px green, 32px 8px green, 40px 8px green, 48px 8px green, 56px 8px green, 64px 8px green, 72px 8px green, 80px 8px green, 8px 16px #ef9346, 24px 16px green, 32px 16px #734625, 40px 16px #734625, 48px 16px #734625, 56px 16px #734625, 64px 16px #734625, 72px 16px #734625, 80px 16px green, 96px 16px #ef9346, 8px 24px #ef9346, 24px 24px #734625, 32px 24px #734625, 40px 24px #734625, 48px 24px #734625, 56px 24px #734625, 64px 24px #734625, 72px 24px #734625, 80px 24px #734625, 96px 24px #ef9346, 8px 32px #ef9346, 16px 32px #ef9346, 24px 32px #734625, 32px 32px #ef9346, 40px 32px green, 48px 32px #ef9346, 56px 32px #ef9346, 64px 32px green, 72px 32px #ef9346, 80px 32px #734625, 88px 32px #ef9346, 96px 32px #ef9346, 8px 40px #ef9346, 16px 40px #ef9346, 24px 40px #734625, 32px 40px #ef9346, 40px 40px #734625, 48px 40px #ef9346, 56px 40px #ef9346, 64px 40px #734625, 72px 40px #ef9346, 80px 40px #734625, 88px 40px #ef9346, 96px 40px #ef9346, 16px 48px #ef9346, 24px 48px #ef9346, 32px 48px #ef9346, 40px 48px #ef9346, 48px 48px #ef9346, 56px 48px #ef9346, 64px 48px #ef9346, 72px 48px #ef9346, 80px 48px #ef9346, 88px 48px #ef9346, 96px 48px #734625, 24px 56px green, 32px 56px #ef9346, 40px 56px #ef9346, 48px 56px #734625, 56px 56px #734625, 64px 56px #ef9346, 72px 56px #ef9346, 80px 56px green, 88px 56px #734625, 96px 56px #734625, 8px 64px #734625, 16px 64px #734625, 24px 64px #734625, 32px 64px #734625, 40px 64px #734625, 48px 64px #ef9346, 56px 64px #ef9346, 64px 64px #ef9346, 72px 64px green, 80px 64px green, 88px 64px green, 96px 64px #ef9346, 0 72px #734625, 8px 72px #734625, 16px 72px #ef9346, 24px 72px #734625, 32px 72px #734625, 40px 72px #734625, 48px 72px #734625, 56px 72px green, 64px 72px green, 72px 72px green, 80px 72px green, 88px 72px green, 96px 72px #ef9346, 0 80px #734625, 8px 80px #ef9346, 16px 80px #ef9346, 24px 80px #ef9346, 32px 80px #734625, 40px 80px #734625, 48px 80px #ef9346, 56px 80px #734625, 64px 80px #734625, 72px 80px green, 80px 80px green, 88px 80px #734625, 0 88px #734625, 8px 88px #734625, 16px 88px #ef9346, 24px 88px #734625, 32px 88px #734625, 40px 88px #734625, 48px 88px #ef9346, 56px 88px green, 64px 88px #734625, 72px 88px #734625, 80px 88px #734625, 88px 88px green, 0 96px #734625, 8px 96px #734625, 16px 96px #ef9346, 24px 96px #734625, 32px 96px #734625, 40px 96px #734625, 48px 96px #ef9346, 56px 96px #734625, 64px 96px #734625, 72px 96px green, 80px 96px green, 88px 96px green, 0 104px #734625, 8px 104px #734625, 16px 104px #734625, 24px 104px #734625, 32px 104px #734625, 40px 104px #734625, 48px 104px #ef9346, 56px 104px green, 64px 104px green, 72px 104px green, 80px 104px #734625, 8px 112px #734625, 16px 112px #734625, 24px 112px #734625, 32px 112px #734625, 40px 112px #734625, 64px 112px #734625, 72px 112px #734625, 80px 112px #734625, 64px 120px #734625, 72px 120px #734625, 80px 120px #734625; margin: -56px 200px;
}
.mushroom { box-shadow: 40px 0 black, 48px 0 black, 56px 0 black, 64px 0 black, 72px 0 black, 80px 0 black, 24px 8px black, 32px 8px black, 40px 8px black, 48px 8px red, 56px 8px orange, 64px 8px orange, 72px 8px red, 80px 8px black, 88px 8px black, 96px 8px black, 16px 16px black, 24px 16px black, 32px 16px red, 40px 16px red, 48px 16px red, 56px 16px orange, 64px 16px orange, 72px 16px red, 80px 16px red, 88px 16px red, 96px 16px black, 104px 16px black, 8px 24px black, 16px 24px black, 24px 24px orange, 32px 24px red, 40px 24px red, 48px 24px orange, 56px 24px orange, 64px 24px orange, 72px 24px orange, 80px 24px red, 88px 24px red, 96px 24px orange, 104px 24px black, 112px 24px black, 8px 32px black, 16px 32px red, 24px 32px orange, 32px 32px orange, 40px 32px orange, 48px 32px orange, 56px 32px orange, 64px 32px orange, 72px 32px orange, 80px 32px orange, 88px 32px orange, 96px 32px orange, 104px 32px red, 112px 32px black, 0 40px black, 8px 40px black, 16px 40px red, 24px 40px red, 32px 40px orange, 40px 40px orange, 48px 40px red, 56px 40px red, 64px 40px red, 72px 40px red, 80px 40px orange, 88px 40px orange, 96px 40px red, 104px 40px red, 112px 40px black, 120px 40px black, 0 48px black, 8px 48px red, 16px 48px red, 24px 48px red, 32px 48px orange, 40px 48px red, 48px 48px red, 56px 48px red, 64px 48px red, 72px 48px red, 80px 48px red, 88px 48px orange, 96px 48px red, 104px 48px red, 112px 48px red, 120px 48px black, 0 56px black, 8px 56px red, 16px 56px red, 24px 56px red, 32px 56px orange, 40px 56px red, 48px 56px red, 56px 56px red, 64px 56px red, 72px 56px red, 80px 56px red, 88px 56px orange, 96px 56px red, 104px 56px red, 112px 56px red, 120px 56px black, 0 64px black, 8px 64px red, 16px 64px red, 24px 64px orange, 32px 64px orange, 40px 64px red, 48px 64px red, 56px 64px red, 64px 64px red, 72px 64px red, 80px 64px red, 88px 64px orange, 96px 64px orange, 104px 64px red, 112px 64px red, 120px 64px black, 0 72px black, 8px 72px orange, 16px 72px orange, 24px 72px orange, 32px 72px orange, 40px 72px orange, 48px 72px red, 56px 72px red, 64px 72px red, 72px 72px red, 80px 72px orange, 88px 72px orange, 96px 72px orange, 104px 72px orange, 112px 72px orange, 120px 72px black, 0 80px black, 8px 80px orange, 16px 80px orange, 24px 80px black, 32px 80px black, 40px 80px black, 48px 80px black, 56px 80px black, 64px 80px black, 72px 80px black, 80px 80px black, 88px 80px black, 96px 80px black, 104px 80px orange, 112px 80px orange, 120px 80px black, 0 88px black, 8px 88px black, 16px 88px black, 24px 88px black, 32px 88px white, 40px 88px white, 48px 88px black, 56px 88px white, 64px 88px white, 72px 88px black, 80px 88px white, 88px 88px white, 96px 88px black, 104px 88px black, 112px 88px black, 120px 88px black, 8px 96px black, 16px 96px black, 24px 96px white, 32px 96px white, 40px 96px white, 48px 96px black, 56px 96px white, 64px 96px white, 72px 96px black, 80px 96px white, 88px 96px white, 96px 96px white, 104px 96px black, 112px 96px black, 16px 104px black, 24px 104px white, 32px 104px white, 40px 104px white, 48px 104px white, 56px 104px white, 64px 104px white, 72px 104px white, 80px 104px white, 88px 104px white, 96px 104px white, 104px 104px black, 16px 112px black, 24px 112px black, 32px 112px white, 40px 112px white, 48px 112px white, 56px 112px white, 64px 112px white, 72px 112px white, 80px 112px white, 88px 112px white, 96px 112px black, 104px 112px black, 24px 120px black, 32px 120px black, 40px 120px black, 48px 120px black, 56px 120px black, 64px 120px black, 72px 120px black, 80px 120px black, 88px 120px black, 96px 120px black; margin: 48px 350px;
}
.mc { margin: -40px 500px; position: relative;
}
.left,
.top,
.right { height: 10px; width: 8px;
}
.left { background: green; box-shadow: 0 10px green, 0 19px brown, 0 28px brown, 0 37px brown, 0 45px brown, -8px 0 green, -16px 0 green, -24px 0 green, -32px 0 green, -40px 0 green, -8px 9px brown, -16px 9px green, -24px 9px green, -32px 9px brown, -40px 9px green, -8px 18px brown, -16px 18px brown, -24px 18px brown, -32px 18px brown, -40px 18px brown, -8px 27px brown, -16px 27px brown, -24px 27px brown, -32px 27px brown, -40px 27px brown, -8px 36px brown, -16px 36px brown, -24px 36px brown, -32px 36px brown, -40px 36px brown, -8px 45px brown, -16px 45px brown, -24px 45px brown, -32px 45px brown, -40px 45px brown ; margin: 100px 55px; transform: skewY(30deg);
}
.right { background: green; box-shadow: 0 10px green, 0 19px brown, 0 28px brown, 0 37px brown, 0 45px brown, 8px 0 green, 16px 0 green, 24px 0 green, 32px 0 green, 40px 0 green, 8px 9px brown, 16px 9px green, 24px 9px green, 32px 9px brown, 40px 9px green, 8px 18px brown, 16px 18px brown, 24px 18px brown, 32px 18px brown, 40px 18px brown, 8px 27px brown, 16px 27px brown, 24px 27px brown, 32px 27px brown, 40px 27px brown, 8px 36px brown, 16px 36px brown, 24px 36px brown, 32px 36px brown, 40px 36px brown, 8px 45px brown, 16px 45px brown, 24px 45px brown, 32px 45px brown, 40px 45px brown ; margin: -110px 63px; transform: skewY(-30deg);
}
.top { background: green; box-shadow: -1px -7px green, 0 -14px green, 0 -21px green, 0 -28px green, 0 -35px green, 0 -42px green, 8px 0 green, 17px 0 green, 26px 0 green, 35px 0 green, 44px 0 green, 8px -7px green, 17px -7px green, 26px -7px green, 35px -7px green, 44px -7px green, 8px -14px green, 17px -14px green, 26px -14px green, 35px -14px green, 44px -14px green, 8px -21px green, 17px -21px green, 26px -21px green, 35px -21px green, 44px -21px green, 8px -28px green, 17px -28px green, 26px -28px green, 35px -28px green, 44px -28px green, 8px -35px green, 17px -35px green, 26px -35px green, 35px -35px green, 44px -35px green, 8px -42px green, 17px -42px green, 26px -42px green, 35px -42px green, 44px -42px green ; height: 8px; margin: 94px 58px; transform: rotate(-30deg) skew(30deg); width: 10px;
}Single Element 8-bit characters - Script Codes JS Codes
/*
Single-Element 8-bit Mario & Link & Mushroom
MineCraft Block is WIP and will be single-element in the end.
*/
| Developer | Billy Brown |
| Username | _Billy_Brown |
| Uploaded | September 30, 2022 |
| Rating | 3.5 |
| Size | 6,161 Kb |
| Views | 18,216 |
Do you need developer help for Single Element 8-bit characters?
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!
Billy Brown (_Billy_Brown) Script Codes
| Name | Size |
| Canvas Pacman | 2,074 Kb |
| Number game | 3,790 Kb |
| Cropper.js example | 8,683 Kb |
| Single-element Twitter button | 3,173 Kb |
| Simple jQuery dice roller | 2,187 Kb |
| A Pen by Billy Brown | 1,824 Kb |
| Better Transparent input boxes | 2,286 Kb |
| CSS-Tricks lodge button | 3,247 Kb |
| Group Contact Form | 3,150 Kb |
| Aperture-style lens | 3,703 Kb |
Create amazing captions 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 |
| Toggle menu | Seyedi | 2,279 Kb |
| Pure CSS Dial | Lukewatts | 3,018 Kb |
| Off Canvas | Mariamarica | 1,870 Kb |
| A Pen by Bryan | Brydave | 2,286 Kb |
| Hard-Stop Gradients | Mackdoyle | 2,288 Kb |
| HexMaze | Cantelope | 4,825 Kb |
| Animate elements with fixed gradient | Badabam | 4,406 Kb |
| Iron Man SVG Loading Animation | Andythayer | 3,069 Kb |
| Caputre Cam with JS | KimmoCommit | 2,795 Kb |
| Masonry | Uriuriuriu | 5,005 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!