We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to get a shadowed border card

Hello Support Team,

Card is really a nice control. How to get its border with a shadow effect? Thanks for all.


1 Reply

VY Vinothkumar Yuvaraj Syncfusion Team December 21, 2022 01:40 PM UTC

Hi Artilizansa,


To customize the style of the card, you can use the e-card class. In the attached sample, we set the border and shadow of the card. Please see the code and sample attached for your reference. 


Index.razor

<style>

    .e-card {

        border: 2px solid grey;

        box-shadow: 2px 2px 3px grey;

    } 

</style>


Documentation : https://blazor.syncfusion.com/documentation/card/style


Regards,

Vinothkumar



Attachment: BlazorApp1_e47e0c35.zip

Loader.
Live Chat Icon For mobile
Up arrow icon