Select Menu

Adobe Premiere

Illustrator

Khmer Drama

Movie

Videos

» » » CSS Exercise: Create neon effect on text and other html
«
Next
Newer Post
»
Previous
Older Post

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.

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
«
Next
Newer Post
»
Previous
Older Post

No comments

Leave a Reply