V for Vendetta
How do I make an v for vendetta?
This is a HTML/CSS representation of the famous V for Vendetta mask. Made by Kevin Jannis. http://www.janniskev.in. What is a v for vendetta? How do you make a v for vendetta? This script and codes were developed by Kevin Jannis on 25 August 2022, Thursday.
V for Vendetta - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>V for Vendetta</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="v"> <div class="left absolute"> <div class="face-1 border absolute"></div> <div class="face-2 border absolute"></div> <div class="face-3 border absolute"></div> <div class="face-4 border absolute"></div> <div class="face-5 border absolute"></div> <div class="face-6 border absolute"></div> <div class="face-7 border absolute"></div> <div class="face-8 border absolute"></div> <div class="face-9 border absolute"></div> <div class="face-10 border absolute"></div> <div class="eyebrow-1 border absolute"></div> <div class="eyebrow-2 border absolute"></div> <div class="eyebrow-3 border absolute"></div> <div class="eye-1 border absolute"></div> <div class="eye-2 border absolute"></div> <div class="eye-3 border absolute"></div> <div class="eye-4 border absolute"></div> <div class="eye-5 border absolute"></div> <div class="eye-6 border absolute"></div> <div class="eye-7 border absolute"></div> <div class="eye-8 border absolute"></div> <div class="eye-9 border absolute"></div> <div class="eye-10 border absolute"></div> <div class="eye-11 border absolute"></div> <div class="eye-12 border absolute"></div> <div class="eye-13 border absolute"></div> <div class="nose-1 border absolute"></div> <div class="nose-2 border absolute"></div> <div class="nose-3 border absolute"></div> <div class="nose-4 border absolute"></div> <div class="nose-5 border absolute"></div> <div class="nose-6 border absolute"></div> <div class="nose-7 border absolute"></div> <div class="nose-8 border absolute"></div> <div class="cheeck-1 border absolute"></div> <div class="cheeck-2 border absolute"></div> <div class="cheeck-3 border absolute"></div> <div class="mouth-1 border absolute"></div> <div class="mouth-2 border absolute"></div> <div class="mouth-3 border absolute"></div> <div class="mouth-4 border absolute"></div> <div class="mouth-5 border absolute"></div> <div class="mouth-6 border absolute"></div> <div class="mouth-7 border absolute"></div> <div class="mouth-8 border absolute"></div> <div class="mouth-9 border absolute"></div> <div class="mouth-10 border absolute"></div> <div class="mouth-11 border absolute"></div> <div class="moustache-1 border absolute"></div> <div class="moustache-2 border absolute"></div> <div class="moustache-3 border absolute"></div> <div class="moustache-4 border absolute"></div> <div class="moustache-5 border absolute"></div> <div class="moustache-6 border absolute"></div> <div class="moustache-7 border absolute"></div> <div class="moustache-8 border absolute"></div> <div class="moustache-9 border absolute"></div> <div class="beard-1 border absolute"></div> <div class="beard-2 border absolute"></div> <div class="beard-3 border absolute"></div> <div class="beard-4 border absolute"></div> </div> <div class="right absolute"> <div class="face-1 border absolute"></div> <div class="face-2 border absolute"></div> <div class="face-3 border absolute"></div> <div class="face-4 border absolute"></div> <div class="face-5 border absolute"></div> <div class="face-6 border absolute"></div> <div class="face-7 border absolute"></div> <div class="face-8 border absolute"></div> <div class="face-9 border absolute"></div> <div class="face-10 border absolute"></div> <div class="eyebrow-1 border absolute"></div> <div class="eyebrow-2 border absolute"></div> <div class="eyebrow-3 border absolute"></div> <div class="eye-1 border absolute"></div> <div class="eye-2 border absolute"></div> <div class="eye-3 border absolute"></div> <div class="eye-4 border absolute"></div> <div class="eye-5 border absolute"></div> <div class="eye-6 border absolute"></div> <div class="eye-7 border absolute"></div> <div class="eye-8 border absolute"></div> <div class="eye-9 border absolute"></div> <div class="eye-10 border absolute"></div> <div class="eye-11 border absolute"></div> <div class="eye-12 border absolute"></div> <div class="eye-13 border absolute"></div> <div class="nose-1 border absolute"></div> <div class="nose-2 border absolute"></div> <div class="nose-3 border absolute"></div> <div class="nose-4 border absolute"></div> <div class="nose-5 border absolute"></div> <div class="nose-6 border absolute"></div> <div class="nose-7 border absolute"></div> <div class="nose-8 border absolute"></div> <div class="cheeck-1 border absolute"></div> <div class="cheeck-2 border absolute"></div> <div class="cheeck-3 border absolute"></div> <div class="mouth-1 border absolute"></div> <div class="mouth-2 border absolute"></div> <div class="mouth-3 border absolute"></div> <div class="mouth-4 border absolute"></div> <div class="mouth-5 border absolute"></div> <div class="mouth-6 border absolute"></div> <div class="mouth-7 border absolute"></div> <div class="mouth-8 border absolute"></div> <div class="mouth-9 border absolute"></div> <div class="mouth-10 border absolute"></div> <div class="mouth-11 border absolute"></div> <div class="moustache-1 border absolute"></div> <div class="moustache-2 border absolute"></div> <div class="moustache-3 border absolute"></div> <div class="moustache-4 border absolute"></div> <div class="moustache-5 border absolute"></div> <div class="moustache-6 border absolute"></div> <div class="moustache-7 border absolute"></div> <div class="moustache-8 border absolute"></div> <div class="moustache-9 border absolute"></div> <div class="beard-1 border absolute"></div> <div class="beard-2 border absolute"></div> <div class="beard-3 border absolute"></div> <div class="beard-4 border absolute"></div> </div> </div> <script src="js/index.js"></script>
</body>
</html>
V for Vendetta - Script Codes CSS Codes
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;
}
body { background: #762e3c; text-align: center; font-family: sans-serif; color: white;
}
a { display: inline-block; color: white;
}
p { margin: 20px;
}
#v { margin: 15px auto; position: relative; width: 152px; height: 199px;
}
#v .absolute { position: absolute; display: block;
}
#v .border { width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0;
}
#v [class*=nose-] { z-index: 50;
}
#v [class*=moustache-] { z-index: 20;
}
#v [class*=mouth-] { z-index: 10;
}
#v [class*=eye-] { z-index: 10;
}
#v .left { top: 0; left: 0; right: 50%; bottom: 0; z-index: 0;
}
#v .left .face-1 { top: 0; left: 41px; width: 35px; border-bottom-color: #ede7e7; border-width: 0 0 2px 35px;
}
#v .left .face-2 { top: 2px; left: 3px; width: 73px; border-bottom-color: #ede7e7; border-width: 0 0 13px 38px;
}
#v .left .face-3 { top: 15px; left: 0; width: 76px; border-bottom-color: #ede7e7; border-width: 0 0 34px 2px;
}
#v .left .face-4 { top: 49px; left: 0; width: 76px; border-bottom-color: #ede7e7; border-width: 0 0 34px 0;
}
#v .left .face-5 { top: 83px; left: 0; width: 76px; border-top-color: #cebebe; border-width: 64px 0 0 15px;
}
#v .left .face-6 { top: 147px; left: 15px; width: 61px; border-top-color: #cebebe; border-width: 22px 0 0 15px;
}
#v .left .face-7 { top: 169px; left: 30px; width: 46px; border-top-color: #cebebe; border-width: 23px 0 0 24px;
}
#v .left .face-8 { top: 192px; left: 54px; width: 22px; border-top-color: #ede7e7; border-width: 7px 0 0 22px;
}
#v .left .face-9 { top: 83px; left: 0; width: 76px; border-top-color: #ede7e7; border-width: 25px 0 0 7px;
}
#v .left .face-10 { top: 108px; left: 7px; width: 69px; border-top-color: #ede7e7; border-width: 84px 0 0 47px;
}
#v .left .eyebrow-1 { top: 37px; left: 8px; width: 54px; border-bottom-color: #2f3237; border-width: 0 20px 13px 13px;
}
#v .left .eyebrow-2 { top: 50px; left: 45px; width: 22px; border-bottom-color: #2f3237; border-width: 0 5px 3px 0;
}
#v .left .eyebrow-3 { top: 53px; left: 54px; width: 11px; border-top-color: #2f3237; border-width: 7px 4px 0 9px;
}
#v .left .eye-1 { top: 43px; left: 7px; width: 45px; border-bottom-color: #bfb7b5; border-width: 0 10px 8px 13px;
}
#v .left .eye-2 { top: 43px; left: 42px; width: 21px; border-bottom-color: #bfb7b5; border-width: 0 21px 17px 0;
}
#v .left .eye-3 { top: 50px; left: 0; width: 25px; border-bottom-color: #d1c7c6; border-width: 0 17px 17px 8px;
}
#v .left .eye-4 { top: 67px; left: 0; width: 28px; border-top-color: #d1c7c6; border-width: 5px 0 0 19px;
}
#v .left .eye-5 { top: 48px; left: 8px; width: 32px; border-bottom-color: #d1c7c6; border-width: 0 16px 2px 16px;
}
#v .left .eye-6 { top: 50px; left: 8px; width: 32px; border-top-color: #d1c7c6; border-width: 22px 0 0 22px;
}
#v .left .eye-7 { top: 50px; left: 40px; height: 28px; width: 30px; border-left-color: #d1c7c6; border-width: 13px 1px 12px 29px;
}
#v .left .eye-8 { top: 66px; left: 19px; height: 13px; width: 9px; border-right-color: #762e3c; border-width: 6px 8px 7px 0;
}
#v .left .eye-9 { top: 66px; left: 28px; height: 13px; width: 19px; background: #762e3c;
}
#v .left .eye-10 { top: 66px; left: 47px; height: 13px; width: 9px; border-left-color: #762e3c; border-width: 6px 0 7px 8px;
}
#v .left .eye-11 { top: 66px; left: 28px; height: 15px; width: 42px; border-top-color: #cabcbb; border-width: 15px 20px 0 0; z-index: 5;
}
#v .left .eye-12 { top: 79px; left: 1px; height: 8px; width: 27px; border-bottom-color: #cabcbb; border-width: 0 0 8px 13px; z-index: 5;
}
#v .left .eye-13 { top: 81px; left: 1px; height: 6px; width: 27px; border-bottom-color: #ede7e7; border-width: 0 0 6px 13px; z-index: 5;
}
#v .left .nose-1 { top: 63px; left: 58px; height: 54px; width: 11px; border-right-color: #d5cccd; border-width: 37px 11px 0 0;
}
#v .left .nose-2 { top: 63px; left: 69px; height: 54px; width: 7px; background: #d5cccd;
}
#v .left .nose-3 { top: 100px; left: 52px; height: 8px; width: 6px; border-right-color: #d5cccd; border-bottom-color: #d5cccd; border-width: 4px 3px;
}
#v .left .nose-4 { top: 108px; left: 51px; height: 8px; width: 1px; border-right-color: #d5cccd; border-width: 8px 1px 0 0;
}
#v .left .nose-5 { top: 108px; left: 52px; height: 8px; width: 6px; background: #d5cccd;
}
#v .left .nose-6 { top: 116px; left: 51px; height: 5px; width: 13px; border-top-color: #d5cccd; border-width: 3px 9px 0 4px;
}
#v .left .nose-7 { top: 115px; left: 55px; height: 0; width: 0; border-bottom-color: #c2b8b7; border-width: 0 3px 4px 9px;
}
#v .left .nose-8 { -moz-border-radius: 0 0 0 13px; -webkit-border-radius: 0; border-radius: 0 0 0 13px; top: 105px; left: 58px; height: 18px; width: 18px; background: #d5cccd;
}
#v .left .mouth-1 { top: 146px; left: 54px; height: 7px; width: 22px; background: #d8a5a4;
}
#v .left .mouth-2 { top: 145px; left: 35px; height: 8px; width: 19px; border-right-color: #d8a5a4; border-width: 0 19px 8px 0;
}
#v .left .mouth-3 { top: 137px; left: 26px; height: 8px; width: 9px; border-right-color: #d8a5a4; border-width: 0 9px 8px 0;
}
#v .left .mouth-4 { top: 127px; left: 26px; height: 10px; width: 11px; border-left-color: #d8a5a4; border-width: 10px 0 0 11px;
}
#v .left .mouth-5 { top: 137px; left: 35px; height: 8px; width: 20px; border-left-color: #d8a5a4; border-width: 8px 0 0 20px; z-index: 15;
}
#v .left .mouth-6 { top: 142px; left: 49px; height: 4px; width: 10px; border-left-color: #d8a5a4; border-width: 4px 0 0 10px;
}
#v .left .mouth-7 { top: 142px; left: 41px; height: 4px; width: 18px; border-right-color: #ca8e8e; border-width: 0 18px 4px 0;
}
#v .left .mouth-8 { top: 142px; left: 59px; height: 3px; width: 17px; background: #ca8e8e;
}
#v .left .mouth-9 { top: 145px; left: 59px; height: 1px; width: 17px; border-top-color: #ca8e8e; border-width: 1px 17px 0 0;
}
#v .left .mouth-10 { top: 138px; left: 67px; height: 4px; width: 9px; border-bottom-color: #ca8e8e; border-width: 0 0 4px 9px;
}
#v .left .mouth-11 { top: 140px; left: 40px; height: 2px; width: 30px; border-bottom-color: #ca8e8e; border-width: 0 30px 2px 0;
}
#v .left .cheeck-1 { top: 109px; left: 6px; height: 10px; width: 52px; border-top-color: #cabcbb; border-width: 10px 30px 0 13px;
}
#v .left .cheeck-2 { top: 107px; left: 6px; height: 10px; width: 52px; border-top-color: #ede7e7; border-width: 10px 32px 0 13px;
}
#v .left .cheeck-3 { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 0 2px #e4bbcb; -webkit-box-shadow: 0 0 0 2px #e4bbcb; box-shadow: 0 0 0 2px #e4bbcb; top: 90px; left: 12px; width: 12px; height: 12px; background: #d7a1ae;
}
#v .left .moustache-1 { top: 120px; left: 66px; height: 10px; width: 10px; background: #262221;
}
#v .left .moustache-2 { top: 130px; left: 66px; height: 9px; width: 10px; border-top-color: #262221; border-width: 9px 10px 0 0;
}
#v .left .moustache-3 { top: 122px; left: 57px; height: 10px; width: 9px; border-bottom-color: #262221; border-width: 0 0 10px 9px;
}
#v .left .moustache-4 { top: 131px; left: 37px; height: 8px; width: 29px; background: #262221;
}
#v .left .moustache-5 { top: 132px; left: 31px; height: 7px; width: 6px; border-top-color: #262221; border-width: 7px 0 0 6px;
}
#v .left .moustache-6 { top: 125px; left: 32px; height: 7px; width: 6px; border-bottom-color: #262221; border-width: 0 6px 7px 0;
}
#v .left .moustache-7 { top: 125px; left: 25px; height: 8px; width: 7px; border-top-color: #262221; border-width: 8px 0 0 7px;
}
#v .left .moustache-8 { top: 117px; left: 25px; height: 8px; width: 7px; border-bottom-color: #262221; border-width: 0 7px 8px 0;
}
#v .left .moustache-9 { top: 117px; left: 18px; height: 8px; width: 7px; border-top-color: #262221; border-width: 8px 0 0 7px;
}
#v .left .beard-1 { top: 178px; left: 68px; height: 21px; width: 8px; border-right-color: #262221; border-width: 0 8px 21px 0;
}
#v .left .beard-2 { top: 154px; left: 69px; height: 24px; width: 7px; background: #262221;
}
#v .left .beard-3 { top: 162px; left: 68px; height: 16px; width: 1px; border-right-color: #262221; border-width: 16px 1px 0 0;
}
#v .left .beard-4 { top: 154px; left: 60px; height: 8px; width: 9px; border-right-color: #262221; border-width: 0 8px 9px 0;
}
#v .right { top: 0; left: 50%; right: 0; bottom: 0; z-index: 0;
}
#v .right .face-1 { top: 0; right: 41px; width: 35px; border-bottom-color: #c0b0b1; border-width: 0 35px 2px 0;
}
#v .right .face-2 { top: 2px; right: 3px; width: 73px; border-bottom-color: #c0b0b1; border-width: 0 38px 13px 0;
}
#v .right .face-3 { top: 15px; right: 0; width: 76px; border-bottom-color: #c0b0b1; border-width: 0 2px 34px 0;
}
#v .right .face-4 { top: 49px; right: 0; width: 76px; border-bottom-color: #c0b0b1; border-width: 0 0 34px 0;
}
#v .right .face-5 { top: 83px; right: 0; width: 76px; border-top-color: #9f8f8f; border-width: 64px 15px 0 0;
}
#v .right .face-6 { top: 147px; right: 15px; width: 61px; border-top-color: #9f8f8f; border-width: 22px 15px 0 0;
}
#v .right .face-7 { top: 169px; right: 30px; width: 46px; border-top-color: #9f8f8f; border-width: 23px 24px 0 0;
}
#v .right .face-8 { top: 192px; right: 54px; width: 22px; border-top-color: #c0b0b1; border-width: 7px 22px 0 0;
}
#v .right .face-9 { top: 83px; right: 0; width: 76px; border-top-color: #c0b0b1; border-width: 25px 7px 0 0;
}
#v .right .face-10 { top: 108px; right: 7px; width: 69px; border-top-color: #c0b0b1; border-width: 84px 47px 0 0;
}
#v .right .eyebrow-1 { top: 37px; right: 8px; width: 54px; border-bottom-color: #171614; border-width: 0 13px 13px 20px;
}
#v .right .eyebrow-2 { top: 50px; right: 45px; width: 22px; border-bottom-color: #171614; border-width: 0 0 3px 5px;
}
#v .right .eyebrow-3 { top: 53px; right: 54px; width: 11px; border-top-color: #171614; border-width: 7px 9px 0 4px;
}
#v .right .eye-1 { top: 43px; right: 7px; width: 45px; border-bottom-color: #938787; border-width: 0 13px 8px 10px;
}
#v .right .eye-2 { top: 43px; right: 42px; width: 21px; border-bottom-color: #938787; border-width: 0 0 17px 21px;
}
#v .right .eye-3 { top: 50px; right: 0; width: 25px; border-bottom-color: #a29897; border-width: 0 8px 17px 17px;
}
#v .right .eye-4 { top: 67px; right: 0; width: 28px; border-top-color: #a29897; border-width: 5px 19px 0 0;
}
#v .right .eye-5 { top: 48px; right: 8px; width: 32px; border-bottom-color: #a29897; border-width: 0 16px 2px 16px;
}
#v .right .eye-6 { top: 50px; right: 8px; width: 32px; border-top-color: #a29897; border-width: 22px 22px 0 0;
}
#v .right .eye-7 { top: 50px; right: 40px; height: 28px; width: 30px; border-right-color: #a29897; border-width: 13px 29px 12px 1px;
}
#v .right .eye-8 { top: 66px; right: 19px; height: 13px; width: 9px; border-left-color: #762e3c; border-width: 6px 0 7px 8px;
}
#v .right .eye-9 { top: 66px; right: 28px; height: 13px; width: 19px; background: #762e3c;
}
#v .right .eye-10 { top: 66px; right: 47px; height: 13px; width: 9px; border-right-color: #762e3c; border-width: 6px 8px 7px 0;
}
#v .right .eye-11 { top: 66px; right: 28px; height: 15px; width: 42px; border-top-color: #a99e9c; border-width: 15px 0 0 20px; z-index: 5;
}
#v .right .eye-12 { top: 79px; right: 1px; height: 8px; width: 27px; border-bottom-color: #a99e9c; border-width: 0 13px 8px 0; z-index: 5;
}
#v .right .eye-13 { top: 81px; right: 1px; height: 6px; width: 27px; border-bottom-color: #c0b0b1; border-width: 0 13px 6px 0; z-index: 5;
}
#v .right .nose-1 { top: 63px; right: 58px; height: 54px; width: 11px; border-left-color: #b7abab; border-width: 37px 0 0 11px;
}
#v .right .nose-2 { top: 63px; right: 69px; height: 54px; width: 7px; background: #b7abab;
}
#v .right .nose-3 { top: 100px; right: 52px; height: 8px; width: 6px; border-left-color: #b7abab; border-bottom-color: #b7abab; border-width: 4px 3px;
}
#v .right .nose-4 { top: 108px; right: 51px; height: 8px; width: 1px; border-left-color: #b7abab; border-width: 8px 0 0 1px;
}
#v .right .nose-5 { top: 108px; right: 52px; height: 8px; width: 6px; background: #b7abab;
}
#v .right .nose-6 { top: 116px; right: 51px; height: 5px; width: 13px; border-top-color: #b7abab; border-width: 3px 4px 0 9px;
}
#v .right .nose-7 { top: 115px; right: 55px; height: 0; width: 0; border-bottom-color: #898383; border-width: 0 9px 4px 3px;
}
#v .right .nose-8 { -moz-border-radius: 0 0 13px 0; -webkit-border-radius: 0; border-radius: 0 0 13px 0; top: 105px; right: 58px; height: 18px; width: 18px; background: #b7abab;
}
#v .right .mouth-1 { top: 146px; right: 54px; height: 7px; width: 22px; background: #d8a5a4;
}
#v .right .mouth-2 { top: 145px; right: 35px; height: 8px; width: 19px; border-left-color: #d8a5a4; border-width: 0 0 8px 19px;
}
#v .right .mouth-3 { top: 137px; right: 26px; height: 8px; width: 9px; border-left-color: #d8a5a4; border-width: 0 0 8px 9px;
}
#v .right .mouth-4 { top: 127px; right: 26px; height: 10px; width: 11px; border-right-color: #d8a5a4; border-width: 10px 11px 0 0;
}
#v .right .mouth-5 { top: 137px; right: 35px; height: 8px; width: 20px; border-right-color: #d8a5a4; border-width: 8px 20px 0 0; z-index: 15;
}
#v .right .mouth-6 { top: 142px; right: 49px; height: 4px; width: 10px; border-right-color: #d8a5a4; border-width: 4px 10px 0 0;
}
#v .right .mouth-7 { top: 142px; right: 41px; height: 4px; width: 18px; border-left-color: #ca8e8e; border-width: 0 0 4px 18px;
}
#v .right .mouth-8 { top: 142px; right: 59px; height: 3px; width: 17px; background: #ca8e8e;
}
#v .right .mouth-9 { top: 145px; right: 59px; height: 1px; width: 17px; border-top-color: #ca8e8e; border-width: 1px 0 0 17px;
}
#v .right .mouth-10 { top: 138px; right: 67px; height: 4px; width: 9px; border-bottom-color: #ca8e8e; border-width: 0 9px 4px 0;
}
#v .right .mouth-11 { top: 140px; right: 40px; height: 2px; width: 30px; border-bottom-color: #ca8e8e; border-width: 0 0 2px 30px;
}
#v .right .cheeck-1 { top: 109px; right: 6px; height: 10px; width: 52px; border-top-color: #8d797a; border-width: 10px 13px 0 30px;
}
#v .right .cheeck-2 { top: 107px; right: 6px; height: 10px; width: 52px; border-top-color: #c0b0b1; border-width: 10px 13px 0 32px;
}
#v .right .cheeck-3 { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 0 2px #c49ead; -webkit-box-shadow: 0 0 0 2px #c49ead; box-shadow: 0 0 0 2px #c49ead; top: 90px; right: 12px; width: 12px; height: 12px; background: #b78495;
}
#v .right .moustache-1 { top: 120px; right: 66px; height: 10px; width: 10px; background: #141213;
}
#v .right .moustache-2 { top: 130px; right: 66px; height: 9px; width: 10px; border-top-color: #141213; border-width: 9px 0 0 10px;
}
#v .right .moustache-3 { top: 122px; right: 57px; height: 10px; width: 9px; border-bottom-color: #141213; border-width: 0 9px 10px 0;
}
#v .right .moustache-4 { top: 131px; right: 37px; height: 8px; width: 29px; background: #141213;
}
#v .right .moustache-5 { top: 132px; right: 31px; height: 7px; width: 6px; border-top-color: #141213; border-width: 7px 6px 0 0;
}
#v .right .moustache-6 { top: 125px; right: 32px; height: 7px; width: 6px; border-bottom-color: #141213; border-width: 0 0 7px 6px;
}
#v .right .moustache-7 { top: 125px; right: 25px; height: 8px; width: 7px; border-top-color: #141213; border-width: 8px 7px 0 0;
}
#v .right .moustache-8 { top: 117px; right: 25px; height: 8px; width: 7px; border-bottom-color: #141213; border-width: 0 0 8px 7px;
}
#v .right .moustache-9 { top: 117px; right: 18px; height: 8px; width: 7px; border-top-color: #141213; border-width: 8px 7px 0 0;
}
#v .right .beard-1 { top: 178px; right: 68px; height: 21px; width: 8px; border-left-color: #181617; border-width: 0 0 21px 8px;
}
#v .right .beard-2 { top: 154px; right: 69px; height: 24px; width: 7px; background: #181617;
}
#v .right .beard-3 { top: 162px; right: 68px; height: 16px; width: 1px; border-left-color: #181617; border-width: 16px 0 0 1px;
}
#v .right .beard-4 { top: 154px; right: 60px; height: 8px; width: 9px; border-left-color: #181617; border-width: 0 0 9px 8px;
}
V for Vendetta - Script Codes JS Codes
/*
The (in)famous V for Vendetta mask!
Made by Kevin Jannis (@kevinjannis)
View more at www.janniskev.in
*/
Developer | Kevin Jannis |
Username | kevinjannis |
Uploaded | August 25, 2022 |
Rating | 4.5 |
Size | 7,249 Kb |
Views | 24,288 |
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 |
A Pen by Kevin Jannis | 3,280 Kb |
Curated collection of gradient backgrounds | 3,067 Kb |
Google Chrome logos in CSS | 2,391 Kb |
The world with CSS3 Transforms | 5,001 Kb |
Star Wars The Force Awakens Speeder | 9,027 Kb |
White House | 3,988 Kb |
Golfing | 3,530 Kb |
Random Access Memories | 4,252 Kb |
Earth in a single HTML element | 4,014 Kb |
Flat Star Wars | 37,947 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 |
Intake Form Page 2 | Ijantje | 4,983 Kb |
Drawing a Terminal with CSS | Lachlanjc | 3,185 Kb |
3D flipping card | Ssaakkaa | 2,238 Kb |
Classy Blockquote Styling | Andrewwright | 3,212 Kb |
LDE old privacy page | Jasonangle | 2,339 Kb |
Part 19 Bootstrap split button dropdown | Venkatesha | 1,601 Kb |
NeeilTimer | Neeilan | 2,836 Kb |
Sass random color animation | Jotavejv | 4,827 Kb |
Marching Squares Visualized | Sakri | 7,074 Kb |
Testing Portfolio Page | Sideshowli | 3,395 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!