CODEWITHSUNDEEP
c#.netwpf
Timur Mustafaev
Timur Mustafaev

Reputation: 4929

3D borderBrush style - wpf

I want to make same 3D border as on the picture:

enter image description here

I need just borderBrush of this control. Could you help me with this? I'm not strong in brushes creating. Thank you.

Upvotes: 0

Views: 4741

Answers (2)

A7omicAn7
A7omicAn7

Reputation: 1

Try this. It just needed another border around the previous example to get what you were after.

Update the colours accordingly.

<Border Height="60" Padding="5" Background="#FF505050">
    <Border CornerRadius="10" BorderThickness="1" Background="#FF505050">
        <Border.BorderBrush>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                <GradientStop Color="DarkSlateGray" Offset="1" />
                <GradientStop Color="Black" Offset="0" />
            </LinearGradientBrush>
        </Border.BorderBrush>
    </Border>
</Border>

Upvotes: 0

edvaldig
edvaldig

Reputation: 2299

<Border CornerRadius="10" BorderThickness="2" Background="#FF505050">
    <Border.BorderBrush>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="Green" Offset="1" />
            <GradientStop Color="Black" Offset="0" />
        </LinearGradientBrush>
    </Border.BorderBrush>
</Border>

Although it is preferable to use a style, for "cleanness" sake and in case you need to reuse the brushes etc.

Upvotes: 2

Related Questions