How to create a shadow drop effect around a wpf button like the google button

Question

I am trying to create a google button in wpf. I have found the following link that specifies the google\'s button css style

Google button css style

Right now I h

Answer 1

You can produce a shadow drop ish effect by changing the BorderThickness some. Try something like this:

Note that doing it this way can mess up your layout a bit, since it changes the total width and height of your button, so other controls around it may "bump around" just a tad when hovering the button.

If you want to play around with proper drop shadow, you can add drop shadow to your button like this:

EDIT:

As MrDosu commented, BitMapEffect is deprecated so you should probably use Effect instead.

Here's a sample using Effect: