Click on the link to see the source code of the effect. All the website code is free to reuse under CC BY 4.0. Support this project by starring the GitHub repository.
Pure CSS effects that work across multiple lines of text without fuss.
"Slide from left" is a derivative of Colin Horn's "Gradient Underline Animation". "SVG sine wave" is a derivative of Geoff Graham's "Link Effectz - Squiggle". All attributions licensed under CC BY 4.0.
These effects can cause a line break in your paragraph if the link is too long.
"Underline slide left" is a derivative of Sam Larsen-Disney's "Site Navbar Link". "Underline pop up" is a derivative of Eli Fitch's "Site Link Hover". All attributions licensed under CC BY 4.0.
Make sure to add the SVG filter HTML, as found in this webpage.
These effects have been taken from Yoskel's SVG Filters presets and modifiers website tool, I've modified code so they display better at a small scale.
These effects require multiple HTML elements to work, adapt with caution.
"Fill Up Transform" is a derivative of Green Chameleon's "Next Project Link". Split in Half was inspired by Bloodknife.com's Menu Links.
Developed by James Hancock
Licensed under Creative Commons Attribution 4.0 International License.
Look ma, no cookies!