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.
Up arrow icon