Corner Radius for Images
I was confused on how to make a sharp rounded edge for an image just like we give corner radius to border... I tried giving a border with rounded edges outside the image, but it wasn't up to my expectation.. Then I found one.. Make the Image as the background of the border and it worked fine..
<border _moz-userdefined="" borderbrush="#55000000" borderthickness="1" cornerradius="5">
<border.background _moz-userdefined="">
<imagebrush _moz-userdefined="" imagefailed="img_ImageFailed" name="img" stretch="Fill">
</imagebrush>
</border.background>
<border _moz-userdefined="" borderbrush="#55000000" borderthickness="1" cornerradius="5"><border _moz-userdefined="" borderbrush="#55000000" borderthickness="1" cornerradius="5">
<border.background _moz-userdefined="">
<imagebrush _moz-userdefined="" imagefailed="img_ImageFailed" name="img" stretch="Fill"></imagebrush></border.background><border.background _moz-userdefined=""></border.background>border></border></border>
<border _moz-userdefined="" borderbrush="#55000000" borderthickness="1" cornerradius="5">
<border.background _moz-userdefined="">
<imagebrush _moz-userdefined="" imagefailed="img_ImageFailed" name="img" stretch="Fill">
</imagebrush>
</border.background>
<border _moz-userdefined="" borderbrush="#55000000" borderthickness="1" cornerradius="5"><border _moz-userdefined="" borderbrush="#55000000" borderthickness="1" cornerradius="5">
<border.background _moz-userdefined="">
<imagebrush _moz-userdefined="" imagefailed="img_ImageFailed" name="img" stretch="Fill"></imagebrush></border.background><border.background _moz-userdefined=""></border.background>border></border></border>
---
Source was set in code behind :)
Source was set in code behind :)
--
Thanks & Best Regards
Neal Gabriel
Bayone Infotech
Comments
Post a Comment