JSFiddle - React, Tailwind, and code Playground

by Mike Gifford

HTML

<a href="#">This is here. Why do people not all do this?</a>
and not there.

CSS

a {
    text-decoration: none;
    /* The old syntax, deprecated, but still needed, prefixed, for WebKit-based and old browsers */
    background: -prefix-linear-gradient(top, white 98%, rgba(0, 0, 255, 0.9));
    /* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */
    background: linear-gradient(to bottom, white 98%, rgba(0, 0, 255, 0.9));
}
a:hover, a:focus {
    /* The old syntax, deprecated, but still needed, prefixed, for WebKit-based and old browsers */
    background: -prefix-linear-gradient(top, white, white 80%, rgba(0, 0, 255, 0.4));
    /* The new syntax needed by standard-compliant browsers (Opera 12.1, IE 10, Fx 16 onwards), without prefix */
    background: linear-gradient(to bottom, white, white 80%, rgba(0, 0, 255, 0.4));
}