CSS Exercise: Create neon effect on text and other html

Опубликовано: 04 Октябрь 2024
на канале: Chris Walker (technoblogical)
10,762
93

This video shows how to create a neon text effect using just CSS. In this video, I use simple HTML, CSS, Google fonts to create the simple neon effect that you see in the thumbnail. (For the thumbnail, I used 'delius unicase' from Google fonts.)

For the text, I used several CSS text-shadows, that turned whiter as it got closer to the text. It turned more blue, green, or yellow as it got further from the text.

The box is merely a div using box shadow in the same style. Of course, the box shadow, only puts it outside the box by default. So, I did the same thing again, but put inset on the second set of box shadows.

http://www.technoblogical.com/web-des...

Providing training since last Tuesday
http://www.technoblogical.com/
Thanks for watching!