Confessions of a .NET Developer!

My own Glassy Button

In this post i will explain my implementation of a Glassy Button.
I have also created a round edged button here : Round Edged Button

Here is how the glassy button will look like :


Glassy Button


Here are the simple brushes used :



Here is the XAML of the Button in two parts (Its a bit big!)

XAML Part1

XAML Part1

In the above XAML, i have created an outer border which will contain two inner borders. These 2 inner borders will in a grid divided in half(see the row definitions). So upper border will have the upper Brush and lower one with lower brush. Simple solution!

Next part is this the control template with triggers to get the zoom effect:

XAML Part2

XAML Part2

Hope you liked it! 🙂


March 3, 2011 - Posted by | WPF |

1 Comment »

  1. Why do you put your source as JPG, we cannot copy and use.

    Comment by Mark Siminski | February 16, 2014 | Reply

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: