Webski Solutions - Web Design & Development Portfolio
Webski - Your interactive partner

Webski - Instant Quote
  • Webski Solutions on Facebook
  • Webski Solutions on Facebook
  • Webski Solutions at Twitter
  • Webski Solutions at LinkedIn
  • Webski Solutions at Pinterest
  • Webski Solutions at Blog
View Blog By Category
Search Blog By Date
View Blog By Author

blogging color css e commerce facebook fonts graphic design images jquery layout mobile marketing online marketing pinterest ppc responsive content slider sem seo seo marketing social media social media marketing typography web design web design sydney web development webmaster tool

Search: neon light effect
Results 1-5 of 1     Page: 1

Web Design » Text With Neon Light Effect using jQuery & CSS

27 Sep 2010 (05:36)Author: Dean M

Creating a Background Image

Final_image

The previous blog post was creating glossy text using only CSS.

In this post I'm going to show how to create Neon Glow Text, but this time I'm going to use some jQuery (a JavaScript library); besides, I'm going to use some CSS. Let's start with the first step.

First of all we should create an image with the two different color versions of the text, and helped by the jQuery we can create a smooth transition between them. To create the image we're going to use Photoshop, so we're creating an empty 650px X 300px document and set #141414 as a hex code for background color.

For the text you can use your favorite font-family, for this example I'll use Century Gothic with a size of 60px and I'll type “jQuery & CSS liquid text effect” two times for the heading text.

Results 1-5 of 1     Page: 1