question for css3 gurus

is it possible to achieve stroke and drop shadow on a font?

example.

Stroke will be available only in webkit based browsers:

Reference : http://css-tricks.com/7405-adding-stroke-to-web-text/

Adding drop shadow to the text can be achieved using the text-shadow property.

// Paul

KiwiStudio said
Stroke will be available only in webkit based browsers:

Reference : http://css-tricks.com/7405-adding-stroke-to-web-text/

Adding drop shadow to the text can be achieved using the text-shadow property.

// Paul

thanks

You’re welcome, Sir!

{
  text-shadow:
   -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
     1px 1px 0 #FFF,
     0px 0px 4px #000;
}

Problem is, you don’t have control over the text-shadow thickness (stroke). You only control the blur, so that leaves you with a lot of shadows…

digitalimpact said
Problem is, you don’t have control over the text-shadow thickness (stroke). You only control the blur, so that leaves you with a lot of shadows…

Blur 0 and move one pixel on both x and y axis results in one px stroke.
EDIT and if you need it to be more thick just move it more than one pixel. Move it n pixels on both axis and all 4 directional combinations.

will give it a try.

Yeah, I’d either use webkit-stroke, or multiple text-shadows.

JeffreyWay said
Yeah, I’d either use webkit-stroke, or multiple text-shadows.