Text stroke helpers for SCSS
How do I make an text stroke helpers for scss?
What is a text stroke helpers for scss? How do you make a text stroke helpers for scss? This script and codes were developed by Gregor Adams on 24 July 2022, Sunday.
Text stroke helpers for SCSS - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>text stroke helpers for SCSS</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Text stroke helpers for SCSS</h1>
<h2 class="function">stroke SCSS Function</h2>
<h2 class="mixin">stroke SCSS Mixin</h2>
<hr/>
<div class="large"> <div class="Atomic-Age">Atomic Age</div> <div class="Medula-One">Medula One</div> <div class="Sigmar-One">Sigmar One</div> <div class="Fontdiner-Swanky">Fontdiner Swanky</div> <div class="Graduate">Graduate</div> <div class="Luckiest-Guy">Luckiest Guy</div> <div class="Freckle-Face">Freckle Face</div> <div class="Iceland">Iceland</div> <div class="UnifrakturMaguntia">UnifrakturMaguntia</div> <div class="Titan-One">Titan One</div> <div class="Oregano">Oregano</div> <div class="Miltonian-Tattoo">Miltonian Tattoo</div> <div class="Raleway-Dots">Raleway Dots</div> <div class="Milonga">Milonga</div> <div class="Pirata-One">Pirata One</div> <div class="Wellfleet">Wellfleet</div>
</div>
</body>
</html>
Text stroke helpers for SCSS - Script Codes CSS Codes
@import url(http://fonts.googleapis.com/css?family=Armata);
@import url(http://fonts.googleapis.com/css?family=Atomic+Age|Sigmar+One|Fontdiner+Swanky|Graduate|Luckiest+Guy|Freckle+Face|Iceland|UnifrakturMaguntia|Titan+One|Oregano|Miltonian+Tattoo|Raleway+Dots|Milonga|Pirata+One|Wellfleet|Medula+One);
html { font-family: "Armata", sans-serif; fot-weight: 900; background: #F5F5F5; font-size: 87.5%;
}
h1 { font-size: 3em; text-shadow: -2px -2px 0 #26A69A, -2px -1px 0 #26A69A, -2px 0px 0 #26A69A, -2px 1px 0 #26A69A, -2px 2px 0 #26A69A, -1px -2px 0 #26A69A, -1px -1px 0 #26A69A, -1px 0px 0 #26A69A, -1px 1px 0 #26A69A, -1px 2px 0 #26A69A, 0px -2px 0 #26A69A, 0px -1px 0 #26A69A, 0px 0px 0 #26A69A, 0px 1px 0 #26A69A, 0px 2px 0 #26A69A, 1px -2px 0 #26A69A, 1px -1px 0 #26A69A, 1px 0px 0 #26A69A, 1px 1px 0 #26A69A, 1px 2px 0 #26A69A, 2px -2px 0 #26A69A, 2px -1px 0 #26A69A, 2px 0px 0 #26A69A, 2px 1px 0 #26A69A, 2px 2px 0 #26A69A; color: #F5F5F5;
}
.function { text-shadow: -2px -2px 0 #FF6F00, -2px -1px 0 #FF6F00, -2px 0px 0 #FF6F00, -2px 1px 0 #FF6F00, -2px 2px 0 #FF6F00, -1px -2px 0 #FF6F00, -1px -1px 0 #FF6F00, -1px 0px 0 #FF6F00, -1px 1px 0 #FF6F00, -1px 2px 0 #FF6F00, 0px -2px 0 #FF6F00, 0px -1px 0 #FF6F00, 0px 0px 0 #FF6F00, 0px 1px 0 #FF6F00, 0px 2px 0 #FF6F00, 1px -2px 0 #FF6F00, 1px -1px 0 #FF6F00, 1px 0px 0 #FF6F00, 1px 1px 0 #FF6F00, 1px 2px 0 #FF6F00, 2px -2px 0 #FF6F00, 2px -1px 0 #FF6F00, 2px 0px 0 #FF6F00, 2px 1px 0 #FF6F00, 2px 2px 0 #FF6F00; color: #FFE082;
}
.mixin { text-shadow: -3px -3px 0 #CDDC39, -3px -2px 0 #CDDC39, -3px -1px 0 #CDDC39, -3px 0px 0 #CDDC39, -3px 1px 0 #CDDC39, -3px 2px 0 #CDDC39, -3px 3px 0 #CDDC39, -2px -3px 0 #CDDC39, -2px -2px 0 #CDDC39, -2px -1px 0 #CDDC39, -2px 0px 0 #CDDC39, -2px 1px 0 #CDDC39, -2px 2px 0 #CDDC39, -2px 3px 0 #CDDC39, -1px -3px 0 #CDDC39, -1px -2px 0 #CDDC39, -1px -1px 0 #CDDC39, -1px 0px 0 #CDDC39, -1px 1px 0 #CDDC39, -1px 2px 0 #CDDC39, -1px 3px 0 #CDDC39, 0px -3px 0 #CDDC39, 0px -2px 0 #CDDC39, 0px -1px 0 #CDDC39, 0px 0px 0 #CDDC39, 0px 1px 0 #CDDC39, 0px 2px 0 #CDDC39, 0px 3px 0 #CDDC39, 1px -3px 0 #CDDC39, 1px -2px 0 #CDDC39, 1px -1px 0 #CDDC39, 1px 0px 0 #CDDC39, 1px 1px 0 #CDDC39, 1px 2px 0 #CDDC39, 1px 3px 0 #CDDC39, 2px -3px 0 #CDDC39, 2px -2px 0 #CDDC39, 2px -1px 0 #CDDC39, 2px 0px 0 #CDDC39, 2px 1px 0 #CDDC39, 2px 2px 0 #CDDC39, 2px 3px 0 #CDDC39, 3px -3px 0 #CDDC39, 3px -2px 0 #CDDC39, 3px -1px 0 #CDDC39, 3px 0px 0 #CDDC39, 3px 1px 0 #CDDC39, 3px 2px 0 #CDDC39, 3px 3px 0 #CDDC39; color: #827717;
}
.fonts { text-shadow: -2px -2px 0 #424242, -2px -1px 0 #424242, -2px 0px 0 #424242, -2px 1px 0 #424242, -2px 2px 0 #424242, -1px -2px 0 #424242, -1px -1px 0 #424242, -1px 0px 0 #424242, -1px 1px 0 #424242, -1px 2px 0 #424242, 0px -2px 0 #424242, 0px -1px 0 #424242, 0px 0px 0 #424242, 0px 1px 0 #424242, 0px 2px 0 #424242, 1px -2px 0 #424242, 1px -1px 0 #424242, 1px 0px 0 #424242, 1px 1px 0 #424242, 1px 2px 0 #424242, 2px -2px 0 #424242, 2px -1px 0 #424242, 2px 0px 0 #424242, 2px 1px 0 #424242, 2px 2px 0 #424242; color: #BDBDBD;
}
.large { font-size: 2em; line-height: 1.2; text-shadow: -4px -4px 0 #6D4C41, -4px -3px 0 #6D4C41, -4px -2px 0 #6D4C41, -4px -1px 0 #6D4C41, -4px 0px 0 #6D4C41, -4px 1px 0 #6D4C41, -4px 2px 0 #6D4C41, -4px 3px 0 #6D4C41, -4px 4px 0 #6D4C41, -3px -4px 0 #6D4C41, -3px -3px 0 #6D4C41, -3px -2px 0 #6D4C41, -3px -1px 0 #6D4C41, -3px 0px 0 #6D4C41, -3px 1px 0 #6D4C41, -3px 2px 0 #6D4C41, -3px 3px 0 #6D4C41, -3px 4px 0 #6D4C41, -2px -4px 0 #6D4C41, -2px -3px 0 #6D4C41, -2px -2px 0 #6D4C41, -2px -1px 0 #6D4C41, -2px 0px 0 #6D4C41, -2px 1px 0 #6D4C41, -2px 2px 0 #6D4C41, -2px 3px 0 #6D4C41, -2px 4px 0 #6D4C41, -1px -4px 0 #6D4C41, -1px -3px 0 #6D4C41, -1px -2px 0 #6D4C41, -1px -1px 0 #6D4C41, -1px 0px 0 #6D4C41, -1px 1px 0 #6D4C41, -1px 2px 0 #6D4C41, -1px 3px 0 #6D4C41, -1px 4px 0 #6D4C41, 0px -4px 0 #6D4C41, 0px -3px 0 #6D4C41, 0px -2px 0 #6D4C41, 0px -1px 0 #6D4C41, 0px 0px 0 #6D4C41, 0px 1px 0 #6D4C41, 0px 2px 0 #6D4C41, 0px 3px 0 #6D4C41, 0px 4px 0 #6D4C41, 1px -4px 0 #6D4C41, 1px -3px 0 #6D4C41, 1px -2px 0 #6D4C41, 1px -1px 0 #6D4C41, 1px 0px 0 #6D4C41, 1px 1px 0 #6D4C41, 1px 2px 0 #6D4C41, 1px 3px 0 #6D4C41, 1px 4px 0 #6D4C41, 2px -4px 0 #6D4C41, 2px -3px 0 #6D4C41, 2px -2px 0 #6D4C41, 2px -1px 0 #6D4C41, 2px 0px 0 #6D4C41, 2px 1px 0 #6D4C41, 2px 2px 0 #6D4C41, 2px 3px 0 #6D4C41, 2px 4px 0 #6D4C41, 3px -4px 0 #6D4C41, 3px -3px 0 #6D4C41, 3px -2px 0 #6D4C41, 3px -1px 0 #6D4C41, 3px 0px 0 #6D4C41, 3px 1px 0 #6D4C41, 3px 2px 0 #6D4C41, 3px 3px 0 #6D4C41, 3px 4px 0 #6D4C41, 4px -4px 0 #6D4C41, 4px -3px 0 #6D4C41, 4px -2px 0 #6D4C41, 4px -1px 0 #6D4C41, 4px 0px 0 #6D4C41, 4px 1px 0 #6D4C41, 4px 2px 0 #6D4C41, 4px 3px 0 #6D4C41, 4px 4px 0 #6D4C41; color: #FFAB91;
}
.large div { margin: 4px;
}
.Medula-One { font-family: "Medula One"; text-shadow: -2px -2px 0 #ff6000, -2px -1px 0 #ff6000, -2px 0px 0 #ff6000, -2px 1px 0 #ff6000, -2px 2px 0 #ff6000, -1px -2px 0 #ff6000, -1px -1px 0 #ff6000, -1px 0px 0 #ff6000, -1px 1px 0 #ff6000, -1px 2px 0 #ff6000, 0px -2px 0 #ff6000, 0px -1px 0 #ff6000, 0px 0px 0 #ff6000, 0px 1px 0 #ff6000, 0px 2px 0 #ff6000, 1px -2px 0 #ff6000, 1px -1px 0 #ff6000, 1px 0px 0 #ff6000, 1px 1px 0 #ff6000, 1px 2px 0 #ff6000, 2px -2px 0 #ff6000, 2px -1px 0 #ff6000, 2px 0px 0 #ff6000, 2px 1px 0 #ff6000, 2px 2px 0 #ff6000; color: #009fff;
}
.Atomic-Age { font-family: "Atomic Age"; text-shadow: -2px -2px 0 #ffbf00, -2px -1px 0 #ffbf00, -2px 0px 0 #ffbf00, -2px 1px 0 #ffbf00, -2px 2px 0 #ffbf00, -1px -2px 0 #ffbf00, -1px -1px 0 #ffbf00, -1px 0px 0 #ffbf00, -1px 1px 0 #ffbf00, -1px 2px 0 #ffbf00, 0px -2px 0 #ffbf00, 0px -1px 0 #ffbf00, 0px 0px 0 #ffbf00, 0px 1px 0 #ffbf00, 0px 2px 0 #ffbf00, 1px -2px 0 #ffbf00, 1px -1px 0 #ffbf00, 1px 0px 0 #ffbf00, 1px 1px 0 #ffbf00, 1px 2px 0 #ffbf00, 2px -2px 0 #ffbf00, 2px -1px 0 #ffbf00, 2px 0px 0 #ffbf00, 2px 1px 0 #ffbf00, 2px 2px 0 #ffbf00; color: #0040ff;
}
.Sigmar-One { font-family: "Sigmar One"; text-shadow: -3px -3px 0 #dfff00, -3px -2px 0 #dfff00, -3px -1px 0 #dfff00, -3px 0px 0 #dfff00, -3px 1px 0 #dfff00, -3px 2px 0 #dfff00, -3px 3px 0 #dfff00, -2px -3px 0 #dfff00, -2px -2px 0 #dfff00, -2px -1px 0 #dfff00, -2px 0px 0 #dfff00, -2px 1px 0 #dfff00, -2px 2px 0 #dfff00, -2px 3px 0 #dfff00, -1px -3px 0 #dfff00, -1px -2px 0 #dfff00, -1px -1px 0 #dfff00, -1px 0px 0 #dfff00, -1px 1px 0 #dfff00, -1px 2px 0 #dfff00, -1px 3px 0 #dfff00, 0px -3px 0 #dfff00, 0px -2px 0 #dfff00, 0px -1px 0 #dfff00, 0px 0px 0 #dfff00, 0px 1px 0 #dfff00, 0px 2px 0 #dfff00, 0px 3px 0 #dfff00, 1px -3px 0 #dfff00, 1px -2px 0 #dfff00, 1px -1px 0 #dfff00, 1px 0px 0 #dfff00, 1px 1px 0 #dfff00, 1px 2px 0 #dfff00, 1px 3px 0 #dfff00, 2px -3px 0 #dfff00, 2px -2px 0 #dfff00, 2px -1px 0 #dfff00, 2px 0px 0 #dfff00, 2px 1px 0 #dfff00, 2px 2px 0 #dfff00, 2px 3px 0 #dfff00, 3px -3px 0 #dfff00, 3px -2px 0 #dfff00, 3px -1px 0 #dfff00, 3px 0px 0 #dfff00, 3px 1px 0 #dfff00, 3px 2px 0 #dfff00, 3px 3px 0 #dfff00; color: #2000ff;
}
.Fontdiner-Swanky { font-family: "Fontdiner Swanky"; text-shadow: -4px -4px 0 #80ff00, -4px -3px 0 #80ff00, -4px -2px 0 #80ff00, -4px -1px 0 #80ff00, -4px 0px 0 #80ff00, -4px 1px 0 #80ff00, -4px 2px 0 #80ff00, -4px 3px 0 #80ff00, -4px 4px 0 #80ff00, -3px -4px 0 #80ff00, -3px -3px 0 #80ff00, -3px -2px 0 #80ff00, -3px -1px 0 #80ff00, -3px 0px 0 #80ff00, -3px 1px 0 #80ff00, -3px 2px 0 #80ff00, -3px 3px 0 #80ff00, -3px 4px 0 #80ff00, -2px -4px 0 #80ff00, -2px -3px 0 #80ff00, -2px -2px 0 #80ff00, -2px -1px 0 #80ff00, -2px 0px 0 #80ff00, -2px 1px 0 #80ff00, -2px 2px 0 #80ff00, -2px 3px 0 #80ff00, -2px 4px 0 #80ff00, -1px -4px 0 #80ff00, -1px -3px 0 #80ff00, -1px -2px 0 #80ff00, -1px -1px 0 #80ff00, -1px 0px 0 #80ff00, -1px 1px 0 #80ff00, -1px 2px 0 #80ff00, -1px 3px 0 #80ff00, -1px 4px 0 #80ff00, 0px -4px 0 #80ff00, 0px -3px 0 #80ff00, 0px -2px 0 #80ff00, 0px -1px 0 #80ff00, 0px 0px 0 #80ff00, 0px 1px 0 #80ff00, 0px 2px 0 #80ff00, 0px 3px 0 #80ff00, 0px 4px 0 #80ff00, 1px -4px 0 #80ff00, 1px -3px 0 #80ff00, 1px -2px 0 #80ff00, 1px -1px 0 #80ff00, 1px 0px 0 #80ff00, 1px 1px 0 #80ff00, 1px 2px 0 #80ff00, 1px 3px 0 #80ff00, 1px 4px 0 #80ff00, 2px -4px 0 #80ff00, 2px -3px 0 #80ff00, 2px -2px 0 #80ff00, 2px -1px 0 #80ff00, 2px 0px 0 #80ff00, 2px 1px 0 #80ff00, 2px 2px 0 #80ff00, 2px 3px 0 #80ff00, 2px 4px 0 #80ff00, 3px -4px 0 #80ff00, 3px -3px 0 #80ff00, 3px -2px 0 #80ff00, 3px -1px 0 #80ff00, 3px 0px 0 #80ff00, 3px 1px 0 #80ff00, 3px 2px 0 #80ff00, 3px 3px 0 #80ff00, 3px 4px 0 #80ff00, 4px -4px 0 #80ff00, 4px -3px 0 #80ff00, 4px -2px 0 #80ff00, 4px -1px 0 #80ff00, 4px 0px 0 #80ff00, 4px 1px 0 #80ff00, 4px 2px 0 #80ff00, 4px 3px 0 #80ff00, 4px 4px 0 #80ff00; color: #8000ff;
}
.Graduate { font-family: "Graduate"; text-shadow: -2px -2px 0 #20ff00, -2px -1px 0 #20ff00, -2px 0px 0 #20ff00, -2px 1px 0 #20ff00, -2px 2px 0 #20ff00, -1px -2px 0 #20ff00, -1px -1px 0 #20ff00, -1px 0px 0 #20ff00, -1px 1px 0 #20ff00, -1px 2px 0 #20ff00, 0px -2px 0 #20ff00, 0px -1px 0 #20ff00, 0px 0px 0 #20ff00, 0px 1px 0 #20ff00, 0px 2px 0 #20ff00, 1px -2px 0 #20ff00, 1px -1px 0 #20ff00, 1px 0px 0 #20ff00, 1px 1px 0 #20ff00, 1px 2px 0 #20ff00, 2px -2px 0 #20ff00, 2px -1px 0 #20ff00, 2px 0px 0 #20ff00, 2px 1px 0 #20ff00, 2px 2px 0 #20ff00; color: #df00ff;
}
.Luckiest-Guy { font-family: "Luckiest Guy"; text-shadow: -2px -2px 0 #00ff40, -2px -1px 0 #00ff40, -2px 0px 0 #00ff40, -2px 1px 0 #00ff40, -2px 2px 0 #00ff40, -1px -2px 0 #00ff40, -1px -1px 0 #00ff40, -1px 0px 0 #00ff40, -1px 1px 0 #00ff40, -1px 2px 0 #00ff40, 0px -2px 0 #00ff40, 0px -1px 0 #00ff40, 0px 0px 0 #00ff40, 0px 1px 0 #00ff40, 0px 2px 0 #00ff40, 1px -2px 0 #00ff40, 1px -1px 0 #00ff40, 1px 0px 0 #00ff40, 1px 1px 0 #00ff40, 1px 2px 0 #00ff40, 2px -2px 0 #00ff40, 2px -1px 0 #00ff40, 2px 0px 0 #00ff40, 2px 1px 0 #00ff40, 2px 2px 0 #00ff40; color: #ff00bf;
}
.Freckle-Face { font-family: "Freckle Face"; text-shadow: -2px -2px 0 #00ff9f, -2px -1px 0 #00ff9f, -2px 0px 0 #00ff9f, -2px 1px 0 #00ff9f, -2px 2px 0 #00ff9f, -1px -2px 0 #00ff9f, -1px -1px 0 #00ff9f, -1px 0px 0 #00ff9f, -1px 1px 0 #00ff9f, -1px 2px 0 #00ff9f, 0px -2px 0 #00ff9f, 0px -1px 0 #00ff9f, 0px 0px 0 #00ff9f, 0px 1px 0 #00ff9f, 0px 2px 0 #00ff9f, 1px -2px 0 #00ff9f, 1px -1px 0 #00ff9f, 1px 0px 0 #00ff9f, 1px 1px 0 #00ff9f, 1px 2px 0 #00ff9f, 2px -2px 0 #00ff9f, 2px -1px 0 #00ff9f, 2px 0px 0 #00ff9f, 2px 1px 0 #00ff9f, 2px 2px 0 #00ff9f; color: #ff0060;
}
.Iceland { font-family: "Iceland"; text-shadow: -3px -3px 0 cyan, -3px -2px 0 cyan, -3px -1px 0 cyan, -3px 0px 0 cyan, -3px 1px 0 cyan, -3px 2px 0 cyan, -3px 3px 0 cyan, -2px -3px 0 cyan, -2px -2px 0 cyan, -2px -1px 0 cyan, -2px 0px 0 cyan, -2px 1px 0 cyan, -2px 2px 0 cyan, -2px 3px 0 cyan, -1px -3px 0 cyan, -1px -2px 0 cyan, -1px -1px 0 cyan, -1px 0px 0 cyan, -1px 1px 0 cyan, -1px 2px 0 cyan, -1px 3px 0 cyan, 0px -3px 0 cyan, 0px -2px 0 cyan, 0px -1px 0 cyan, 0px 0px 0 cyan, 0px 1px 0 cyan, 0px 2px 0 cyan, 0px 3px 0 cyan, 1px -3px 0 cyan, 1px -2px 0 cyan, 1px -1px 0 cyan, 1px 0px 0 cyan, 1px 1px 0 cyan, 1px 2px 0 cyan, 1px 3px 0 cyan, 2px -3px 0 cyan, 2px -2px 0 cyan, 2px -1px 0 cyan, 2px 0px 0 cyan, 2px 1px 0 cyan, 2px 2px 0 cyan, 2px 3px 0 cyan, 3px -3px 0 cyan, 3px -2px 0 cyan, 3px -1px 0 cyan, 3px 0px 0 cyan, 3px 1px 0 cyan, 3px 2px 0 cyan, 3px 3px 0 cyan; color: red;
}
.UnifrakturMaguntia { font-family: "UnifrakturMaguntia"; text-shadow: -4px -4px 0 #009fff, -4px -3px 0 #009fff, -4px -2px 0 #009fff, -4px -1px 0 #009fff, -4px 0px 0 #009fff, -4px 1px 0 #009fff, -4px 2px 0 #009fff, -4px 3px 0 #009fff, -4px 4px 0 #009fff, -3px -4px 0 #009fff, -3px -3px 0 #009fff, -3px -2px 0 #009fff, -3px -1px 0 #009fff, -3px 0px 0 #009fff, -3px 1px 0 #009fff, -3px 2px 0 #009fff, -3px 3px 0 #009fff, -3px 4px 0 #009fff, -2px -4px 0 #009fff, -2px -3px 0 #009fff, -2px -2px 0 #009fff, -2px -1px 0 #009fff, -2px 0px 0 #009fff, -2px 1px 0 #009fff, -2px 2px 0 #009fff, -2px 3px 0 #009fff, -2px 4px 0 #009fff, -1px -4px 0 #009fff, -1px -3px 0 #009fff, -1px -2px 0 #009fff, -1px -1px 0 #009fff, -1px 0px 0 #009fff, -1px 1px 0 #009fff, -1px 2px 0 #009fff, -1px 3px 0 #009fff, -1px 4px 0 #009fff, 0px -4px 0 #009fff, 0px -3px 0 #009fff, 0px -2px 0 #009fff, 0px -1px 0 #009fff, 0px 0px 0 #009fff, 0px 1px 0 #009fff, 0px 2px 0 #009fff, 0px 3px 0 #009fff, 0px 4px 0 #009fff, 1px -4px 0 #009fff, 1px -3px 0 #009fff, 1px -2px 0 #009fff, 1px -1px 0 #009fff, 1px 0px 0 #009fff, 1px 1px 0 #009fff, 1px 2px 0 #009fff, 1px 3px 0 #009fff, 1px 4px 0 #009fff, 2px -4px 0 #009fff, 2px -3px 0 #009fff, 2px -2px 0 #009fff, 2px -1px 0 #009fff, 2px 0px 0 #009fff, 2px 1px 0 #009fff, 2px 2px 0 #009fff, 2px 3px 0 #009fff, 2px 4px 0 #009fff, 3px -4px 0 #009fff, 3px -3px 0 #009fff, 3px -2px 0 #009fff, 3px -1px 0 #009fff, 3px 0px 0 #009fff, 3px 1px 0 #009fff, 3px 2px 0 #009fff, 3px 3px 0 #009fff, 3px 4px 0 #009fff, 4px -4px 0 #009fff, 4px -3px 0 #009fff, 4px -2px 0 #009fff, 4px -1px 0 #009fff, 4px 0px 0 #009fff, 4px 1px 0 #009fff, 4px 2px 0 #009fff, 4px 3px 0 #009fff, 4px 4px 0 #009fff; color: #ff6000;
}
.Titan-One { font-family: "Titan One"; text-shadow: -2px -2px 0 #0040ff, -2px -1px 0 #0040ff, -2px 0px 0 #0040ff, -2px 1px 0 #0040ff, -2px 2px 0 #0040ff, -1px -2px 0 #0040ff, -1px -1px 0 #0040ff, -1px 0px 0 #0040ff, -1px 1px 0 #0040ff, -1px 2px 0 #0040ff, 0px -2px 0 #0040ff, 0px -1px 0 #0040ff, 0px 0px 0 #0040ff, 0px 1px 0 #0040ff, 0px 2px 0 #0040ff, 1px -2px 0 #0040ff, 1px -1px 0 #0040ff, 1px 0px 0 #0040ff, 1px 1px 0 #0040ff, 1px 2px 0 #0040ff, 2px -2px 0 #0040ff, 2px -1px 0 #0040ff, 2px 0px 0 #0040ff, 2px 1px 0 #0040ff, 2px 2px 0 #0040ff; color: #ffbf00;
}
.Oregano { font-family: "Oregano"; text-shadow: -2px -2px 0 #2000ff, -2px -1px 0 #2000ff, -2px 0px 0 #2000ff, -2px 1px 0 #2000ff, -2px 2px 0 #2000ff, -1px -2px 0 #2000ff, -1px -1px 0 #2000ff, -1px 0px 0 #2000ff, -1px 1px 0 #2000ff, -1px 2px 0 #2000ff, 0px -2px 0 #2000ff, 0px -1px 0 #2000ff, 0px 0px 0 #2000ff, 0px 1px 0 #2000ff, 0px 2px 0 #2000ff, 1px -2px 0 #2000ff, 1px -1px 0 #2000ff, 1px 0px 0 #2000ff, 1px 1px 0 #2000ff, 1px 2px 0 #2000ff, 2px -2px 0 #2000ff, 2px -1px 0 #2000ff, 2px 0px 0 #2000ff, 2px 1px 0 #2000ff, 2px 2px 0 #2000ff; color: #dfff00;
}
.Miltonian-Tattoo { font-family: "Miltonian Tattoo"; text-shadow: -2px -2px 0 #8000ff, -2px -1px 0 #8000ff, -2px 0px 0 #8000ff, -2px 1px 0 #8000ff, -2px 2px 0 #8000ff, -1px -2px 0 #8000ff, -1px -1px 0 #8000ff, -1px 0px 0 #8000ff, -1px 1px 0 #8000ff, -1px 2px 0 #8000ff, 0px -2px 0 #8000ff, 0px -1px 0 #8000ff, 0px 0px 0 #8000ff, 0px 1px 0 #8000ff, 0px 2px 0 #8000ff, 1px -2px 0 #8000ff, 1px -1px 0 #8000ff, 1px 0px 0 #8000ff, 1px 1px 0 #8000ff, 1px 2px 0 #8000ff, 2px -2px 0 #8000ff, 2px -1px 0 #8000ff, 2px 0px 0 #8000ff, 2px 1px 0 #8000ff, 2px 2px 0 #8000ff; color: #80ff00;
}
.Raleway-Dots { font-family: "Raleway Dots"; text-shadow: -3px -3px 0 #df00ff, -3px -2px 0 #df00ff, -3px -1px 0 #df00ff, -3px 0px 0 #df00ff, -3px 1px 0 #df00ff, -3px 2px 0 #df00ff, -3px 3px 0 #df00ff, -2px -3px 0 #df00ff, -2px -2px 0 #df00ff, -2px -1px 0 #df00ff, -2px 0px 0 #df00ff, -2px 1px 0 #df00ff, -2px 2px 0 #df00ff, -2px 3px 0 #df00ff, -1px -3px 0 #df00ff, -1px -2px 0 #df00ff, -1px -1px 0 #df00ff, -1px 0px 0 #df00ff, -1px 1px 0 #df00ff, -1px 2px 0 #df00ff, -1px 3px 0 #df00ff, 0px -3px 0 #df00ff, 0px -2px 0 #df00ff, 0px -1px 0 #df00ff, 0px 0px 0 #df00ff, 0px 1px 0 #df00ff, 0px 2px 0 #df00ff, 0px 3px 0 #df00ff, 1px -3px 0 #df00ff, 1px -2px 0 #df00ff, 1px -1px 0 #df00ff, 1px 0px 0 #df00ff, 1px 1px 0 #df00ff, 1px 2px 0 #df00ff, 1px 3px 0 #df00ff, 2px -3px 0 #df00ff, 2px -2px 0 #df00ff, 2px -1px 0 #df00ff, 2px 0px 0 #df00ff, 2px 1px 0 #df00ff, 2px 2px 0 #df00ff, 2px 3px 0 #df00ff, 3px -3px 0 #df00ff, 3px -2px 0 #df00ff, 3px -1px 0 #df00ff, 3px 0px 0 #df00ff, 3px 1px 0 #df00ff, 3px 2px 0 #df00ff, 3px 3px 0 #df00ff; color: #20ff00;
}
.Milonga { font-family: "Milonga"; text-shadow: -4px -4px 0 #ff00bf, -4px -3px 0 #ff00bf, -4px -2px 0 #ff00bf, -4px -1px 0 #ff00bf, -4px 0px 0 #ff00bf, -4px 1px 0 #ff00bf, -4px 2px 0 #ff00bf, -4px 3px 0 #ff00bf, -4px 4px 0 #ff00bf, -3px -4px 0 #ff00bf, -3px -3px 0 #ff00bf, -3px -2px 0 #ff00bf, -3px -1px 0 #ff00bf, -3px 0px 0 #ff00bf, -3px 1px 0 #ff00bf, -3px 2px 0 #ff00bf, -3px 3px 0 #ff00bf, -3px 4px 0 #ff00bf, -2px -4px 0 #ff00bf, -2px -3px 0 #ff00bf, -2px -2px 0 #ff00bf, -2px -1px 0 #ff00bf, -2px 0px 0 #ff00bf, -2px 1px 0 #ff00bf, -2px 2px 0 #ff00bf, -2px 3px 0 #ff00bf, -2px 4px 0 #ff00bf, -1px -4px 0 #ff00bf, -1px -3px 0 #ff00bf, -1px -2px 0 #ff00bf, -1px -1px 0 #ff00bf, -1px 0px 0 #ff00bf, -1px 1px 0 #ff00bf, -1px 2px 0 #ff00bf, -1px 3px 0 #ff00bf, -1px 4px 0 #ff00bf, 0px -4px 0 #ff00bf, 0px -3px 0 #ff00bf, 0px -2px 0 #ff00bf, 0px -1px 0 #ff00bf, 0px 0px 0 #ff00bf, 0px 1px 0 #ff00bf, 0px 2px 0 #ff00bf, 0px 3px 0 #ff00bf, 0px 4px 0 #ff00bf, 1px -4px 0 #ff00bf, 1px -3px 0 #ff00bf, 1px -2px 0 #ff00bf, 1px -1px 0 #ff00bf, 1px 0px 0 #ff00bf, 1px 1px 0 #ff00bf, 1px 2px 0 #ff00bf, 1px 3px 0 #ff00bf, 1px 4px 0 #ff00bf, 2px -4px 0 #ff00bf, 2px -3px 0 #ff00bf, 2px -2px 0 #ff00bf, 2px -1px 0 #ff00bf, 2px 0px 0 #ff00bf, 2px 1px 0 #ff00bf, 2px 2px 0 #ff00bf, 2px 3px 0 #ff00bf, 2px 4px 0 #ff00bf, 3px -4px 0 #ff00bf, 3px -3px 0 #ff00bf, 3px -2px 0 #ff00bf, 3px -1px 0 #ff00bf, 3px 0px 0 #ff00bf, 3px 1px 0 #ff00bf, 3px 2px 0 #ff00bf, 3px 3px 0 #ff00bf, 3px 4px 0 #ff00bf, 4px -4px 0 #ff00bf, 4px -3px 0 #ff00bf, 4px -2px 0 #ff00bf, 4px -1px 0 #ff00bf, 4px 0px 0 #ff00bf, 4px 1px 0 #ff00bf, 4px 2px 0 #ff00bf, 4px 3px 0 #ff00bf, 4px 4px 0 #ff00bf; color: #00ff40;
}
.Pirata-One { font-family: "Pirata One"; text-shadow: -2px -2px 0 #ff0060, -2px -1px 0 #ff0060, -2px 0px 0 #ff0060, -2px 1px 0 #ff0060, -2px 2px 0 #ff0060, -1px -2px 0 #ff0060, -1px -1px 0 #ff0060, -1px 0px 0 #ff0060, -1px 1px 0 #ff0060, -1px 2px 0 #ff0060, 0px -2px 0 #ff0060, 0px -1px 0 #ff0060, 0px 0px 0 #ff0060, 0px 1px 0 #ff0060, 0px 2px 0 #ff0060, 1px -2px 0 #ff0060, 1px -1px 0 #ff0060, 1px 0px 0 #ff0060, 1px 1px 0 #ff0060, 1px 2px 0 #ff0060, 2px -2px 0 #ff0060, 2px -1px 0 #ff0060, 2px 0px 0 #ff0060, 2px 1px 0 #ff0060, 2px 2px 0 #ff0060; color: #00ff9f;
}
.Wellfleet { font-family: "Wellfleet"; text-shadow: -2px -2px 0 red, -2px -1px 0 red, -2px 0px 0 red, -2px 1px 0 red, -2px 2px 0 red, -1px -2px 0 red, -1px -1px 0 red, -1px 0px 0 red, -1px 1px 0 red, -1px 2px 0 red, 0px -2px 0 red, 0px -1px 0 red, 0px 0px 0 red, 0px 1px 0 red, 0px 2px 0 red, 1px -2px 0 red, 1px -1px 0 red, 1px 0px 0 red, 1px 1px 0 red, 1px 2px 0 red, 2px -2px 0 red, 2px -1px 0 red, 2px 0px 0 red, 2px 1px 0 red, 2px 2px 0 red; color: cyan;
}
Developer | Gregor Adams |
Username | pixelass |
Uploaded | July 24, 2022 |
Rating | 3.5 |
Size | 5,647 Kb |
Views | 30,360 |
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 |
Google dots animation | 4,211 Kb |
Fractal curve generator | 13,870 Kb |
SVG sine wave | 2,988 Kb |
Text stroke helpers for SCSS | 5,647 Kb |
Pager-dots concept | 4,731 Kb |
RubiCSS cube | 12,148 Kb |
Numbers cube counter | 5,310 Kb |
Morphing search input | 3,250 Kb |
Flat webpage concept | 12,434 Kb |
Cantor Set in CSS | 2,143 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 |
Custom checkbox example | Capelo | 3,495 Kb |
TigerWoods Freecodecamp Page | Baileytj | 2,869 Kb |
Greyscale image with filter in CSS3 | NickyCDK | 1,562 Kb |
Ball physics | Blackkbot | 3,874 Kb |
CSS3 Fullscreen Background Slideshow | Leetech | 3,435 Kb |
Adding and Removing Element | Accimeesterlin | 2,119 Kb |
Flickering Light Text Effect | Mandymichael | 3,315 Kb |
Scarlett Johansson Tribute Page | Diomed | 3,233 Kb |
Animated Vertical CSS3 Menu Black | MaCeLMp4 | 2,750 Kb |
Christ the Redeemer | Prashantsani | 2,208 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!