Skip to content

Instantly share code, notes, and snippets.

@304352303
Forked from csssecrets/dabblet.css
Last active February 9, 2018 03:36
Show Gist options
  • Save 304352303/1470310433bb9100f924371c7000d82a to your computer and use it in GitHub Desktop.
Save 304352303/1470310433bb9100f924371c7000d82a to your computer and use it in GitHub Desktop.
Wavy underlines
/**
* Wavy underlines
*/
body {
font: 250%/1.6 Baskerville, Palatino, serif;
}
a {
background: linear-gradient(-45deg, blue 40%, red 0, red 60%, green 0) 0 1em,
linear-gradient(45deg, red 40%, red 0, orange 60%, yellow 0) .1em 1em;
background-repeat: repeat-x;
background-size: .2em .1em;
text-shadow: .05em 0 red, -.05em 0 red;
}
<p>“The only way to <a>get rrid of a temp­ta­toin</a> is to <a>yeild</a> to it.”</p>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment