Jump to content

CSS Glowing Effect


Recommended Posts

  • 2 weeks later...
  • Administrators

Well for now this board is the place for all CSS related code. If it starts receiving enough new threads on only that I would consider creating it's own sub board. Why what's up?

Link to comment
Share on other sites

  • 1 month later...
  • 3 weeks later...
  • 2 weeks later...

You can do some pretty amazing things with it. Just for those who are interested it goes like this.


text-shadow: {1} {2} {3} {4};


{1} = Horizontal offset. If this is 1px then the shadow goes up by 1px, -1px sends it down by 1px.

{2} = Vertical offset. If this is set to 1px then the shadow goes right by 1px, -1px sends it left by 1px.

{3} = [OPTIONAL] Blur radius. This is how much blur you want to use. More blur results in a bigger glow.

{4} = Colour. This can be set using any HTML colour value whether it is 'red' or #FF0000.


Hopefully this will help anyone wanting to use this. :D

Link to comment
Share on other sites

  • 1 year later...

If you happen to have Photoshop, there are a couple of plugins called CSSHat, and CSS3P - the later is free. They can take Photoshop layer styles and convert them into CSS code for you. Granted not all layer styles can translate into CSS, but it will warn you what will and won't translate. I use these all the time to create complex gradients. Its so much more intuitive than trying to come up with the markup yourself.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...