Web Neon Colors like a Marker

Created: 24.02.2017 | Updated: 24.02.2017

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 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 can look like.

This is just an example how neon 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,0), rgba(255,255,255,0) 10%, #b8dcf8 15%, #c8ecff 60%, #b8dcff 85%, rgba(255,255,255,0) 90%);">







You can view this page as reduced HTML version as well.