Popular Posts

Showing posts with label Use CSS To Add Stroke Around Text. Show all posts
Showing posts with label Use CSS To Add Stroke Around Text. Show all posts

Thursday, August 9, 2012

[CSS] How to Use CSS To Add Stroke Around Text




With some of the new graphical features you see in CSS3 it can start to add more and more effects to your HTML elements the same way you used to have to use photoshop to do.

Things like box shadow and color gradients are now so easy to do in CSS that you don't even need photoshop anymore. Here is another CSS property that you might not realise existed but it's another effect you would normally do in Photoshop and that's adding a stroke around text, just by using the CSS property text-stroke.
Currently this property is only supported on webkit so it will only work on Chrome or Safari, and you can only use it by prefixing the property with -webkit-.