The text "We are Mozilla" on this page: http://www.mozilla.org/en-US/ seems to have something of a "white" drop shadow effect that makes it seem embedded onto the page, somewhat.

enter image description here

How can we recreate that effect in GIMP/inkscape preferably? Even photoshop/illustrator technique would do.

1 Answer 1


You're right. It's just a white (or transparent white) drop shadow.

On that webpage, it seems to be a CSS drop shadow. That would be something like:

text-shadow: 0 1px 0 white;  /* 0 x offset, 1px y offset, no blur, white in colour */

In Photoshop, this can be achieved many ways, but using a Drop Shadow Layer Style would be one of the better ways to do it.

In Illustrator and probably Inkscape, you could duplicate, change the colour and offset the text. It's worth noting that Illustrator does have a drop shadow feature: Effect > Stylize > Drop Shadow.

In GIMP? I have no idea. Duplicating, changing the colour and offsetting the text should work as well, assuming there's no similar feature to Photoshop's Layer Styles.

  • 1
    Thanks for conforming the hunch. I tried it on inkscape and achieved it quite easily.
    – Pawan
    Oct 27, 2012 at 22:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.