Question

I want to create a button style like expression blend buttons in this way:

• when the mouse is not over them, their icons are black-white and
  semi-transparent.
• When the mouse is over them, they get color and become clear without transparency.

Is it possible to create such a style for XAML icons without coding in expression blend ?

Note that I dont want to use 2 icons.

Answer 1

When using a Paths instead of an image you can use the Visual State to switch from showing the paths with a border and transparant fills to the original a very easily.

You can use InkScape to convert your own images to paths(xaml), search prepared images online on sites like Xamalot or use a tool like Syncfusion Metro Studio to create the xaml you’d like.