Welcome!
This is the place where I upload various CSS/HTML snippets, which style individual elements, such as a single class for anchor elements. If you want to add some extra flair to your site without completely overhauling its style with a premade layout, then come in; I've got lots to show...
Remember to visit the Implementation page before trying a snippet!
Featured Elements
Single-Use Anchor
This <a>nchor tag disappears after a singular use!
How odd. Takes you to Google, but only once!
HTML:
<a class="disappearing-anchor" href="https://google.com">
<!--CHANGE HREF TO THE LINK YOU WANT TO USE!-->
Click Me! :)
</a>
CSS:
.disappearing-anchor:link {
color: black; /*CHANGE THIS TO
WHATEVER COLOR YOU WANT YOUR LINK TO BE*/
}
.disappearing-anchor:visited {
color: white; /*CHANGE THIS TO THE BACKGROUND COLOR OF YOUR SITE!*/
}
Expanding Button
This button becomes larger whenever you click it!
HTML:
<button class="expanding-button">Click...</button>
CSS:
.expanding-button:active {
width: 100px;
height: 50px;
}
The fact that this site isn't raking in cash is criminal!
Big First Letters
Makes the first letter of your text big! How fancy.
HTML:
<p class="big-letter">The fact that this site isn't raking in cash is criminal!</p>
CSS:
.big-letter::first-letter {
font-size: 40px;
}