Web Neon Colors like a Marker

Created: 24.02.2017 | Updated: 11.08.2019

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%);">