Web Neon Colors like a Marker for Highlighting

Erstellt: | Aktualisiert:

Simplified Version of Neon Colors

This is just an example how neon red can look like.

This is just an example how neon green can look like.

This is just an example how neon yellow yellow yellow yellow yellow yellow can look like.

This is just an example how neon blue can look like.

Und hier der Code (bzw. die Farben) dazu:
<span style="background-color: #ffb8b8;">
<span style="background-color: #39ff14;">
<span style="background-color: #ffff00;">
<span style="background-color: #b8dcff;">

Advanced Version of Neon Colors

This is just an example how neon red can look like.

This is just an example how neon green can look like.

This is just an example how neon yellow yellow yellow yellow yellow yellow can look like.

This is just an example how neon blue blue blue blue blue blue blue can look like.

Und hier der Code dazu:
<span style="background-color: #ffb8b8;padding: 0.2em 0.4em;text-shadow: 0 0 3px #ffffff;background: linear-gradient(-1deg, rgba(255,255,255,0), rgba(255,255,255,0) 10%, #ffc0c0 20%, #ffd0d0 60%, #ffc0c0 80%, rgba(255,255,255,0) 90%);">
<span style="background-color: #39ff14;padding: 0.1em 0em;background: linear-gradient(-1deg, rgba(255,255,255,0), rgba(255,255,255,0) 10%, rgba(90,255,58,0.9) 20%, #40ff20 40%, rgba(57,255,20,1) 80%, rgba(255,255,255,0) 90%);">
<span style="background-color: #ffff00;padding: 0.2em 0.4em;background: linear-gradient(-1deg, rgba(255,255,255,0), rgba(255,255,255,0) 10%, #f8f800 20%, #ffff10 60%, #f8f800 80%, rgba(255,255,255,0) 90%);">
<span style="background-color: #b8dcff;padding: 0.2em 0.4em;background: linear-gradient(-1deg, rgba(255,255,255,128), rgba(255,255,255,0) 10%, #b8dcf8 15%, #c8ecff 60%, #b8dcff 85%, rgba(255,255,255,128) 90%);">

Yet another version

This is another version of the highlight tool and it looks really good, especially because the feeling is more natural and when doing some more randomness it even looks cooler than a marker in the real world - at least for me.

This is another version of the highlight tool and it looks really good, especially because the feeling is more natural and when doing some more randomness it even looks cooler than a marker in the real world - at least for me.