Button XAML

XAML Button’s in 5 mins..

XAML

<Grid x:Name="LayoutRoot" Background="#FF54126A">
 <Grid  Height="87" Width="400" Margin="31,85.5,209,0" VerticalAlignment="Top" d:LayoutOverrides="Height" >
 <Border Background="#FF449712" Margin="1"   CornerRadius="5" BorderThickness="1">
 <Border.BorderBrush>
 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
 <GradientStop Color="#6D000000" Offset="0"/>
 <GradientStop Color="Black" Offset="0.994"/>
 </LinearGradientBrush>
 </Border.BorderBrush>
 <Border.Effect>
 <BlurEffect Radius="2"/>
 </Border.Effect>
 </Border>
 <Border   CornerRadius="5" Margin="3" BorderThickness="0,2,0,0">
 <Border.Effect>
 <BlurEffect Radius="3"/>
 </Border.Effect>
 <Border.BorderBrush>
 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
 <GradientStop Color="#00000000" Offset="1"/>
 <GradientStop Color="#D7FFFFFF"/>
 </LinearGradientBrush>
 </Border.BorderBrush>
 <Border.Background>
 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
 <GradientStop Color="#1DB1B1B1" Offset="0.5"/>
 <GradientStop Offset="0.5"/>
 </LinearGradientBrush>
 </Border.Background>
 </Border>
 <TextBlock Text="Buy Now !" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" FontSize="40"  FontFamily="Segoe UI Symbol">
 <TextBlock.Effect>
 <DropShadowEffect BlurRadius="10" ShadowDepth="0"/>
 </TextBlock.Effect>
 </TextBlock>
 </Grid>

 <Grid  Height="87" Width="400" Margin="32,209.5,208,183.5" >

 <Border Background="#FF0C64CA" Margin="1"   CornerRadius="5" BorderThickness="1">
 <Border.BorderBrush>
 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
 <GradientStop Color="#6D000000" Offset="0"/>
 <GradientStop Color="Black" Offset="0.994"/>
 </LinearGradientBrush>
 </Border.BorderBrush>
 <Border.Effect>
 <BlurEffect Radius="2"/>
 </Border.Effect>
 </Border>
 <Border   CornerRadius="5" Margin="3" BorderThickness="0,2,0,0">
 <Border.Effect>
 <BlurEffect Radius="2"/>
 </Border.Effect>
 <Border.BorderBrush>
 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
 <GradientStop Color="#00000000" Offset="1"/>
 <GradientStop Color="#D7FFFFFF"/>
 </LinearGradientBrush>
 </Border.BorderBrush>
 <Border.Background>
 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
 <GradientStop Color="#1DB1B1B1" Offset="0.5"/>
 <GradientStop Offset="0.5"/>
 </LinearGradientBrush>
 </Border.Background>
 </Border>
 <TextBlock Text="Download Trial !" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" FontSize="40"  FontFamily="Segoe UI Symbol">
 <TextBlock.Effect>
 <DropShadowEffect BlurRadius="10" ShadowDepth="0"/>
 </TextBlock.Effect>
 </TextBlock>
 </Grid>

 </Grid>

Leave a Reply

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

WordPress.com Logo

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

Facebook photo

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

Connecting to %s