How add shadow to ion-avatar?


#1

I add box-shadow to image tag inside ion-avatar, but the shadow still inside ion-item,
what should I do?


#2

Hi there @nuruddinba691!

Make sure your image is a square, then set border-radius: 50%.
I believe once you’ve done that you may use box-shadow: 2px 2px and the shadow wil be just fine.


#3

Hi @andreven, ion-avatar made the image squared, but maybe in my case, I should use my own circle image instead of ion-avatar. because the ion-item prevent the image shadow overflow ion-item.