Round cornered image/Profile Pic in Ionic 2/3

@katiikeya wrote:

Im trying to show a round/circular image in profile component. I have tried following approaches.But nothing worked

1)

<ion-avatar>
<img  [src]=""  *ngIf=""/>
</ion-avatar>

2)

<img class="image"/>

css

.image {

    margin: auto;
     height: 100px;
     width: 100px;
   // border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px gray;
    display: block;

     background-image: url('/assets/img/pixels.jpg');
}

Please suggest  one  possible  solution. as  it  is  common scenario for  every ionic developer.

Posts: 1

Participants: 1

Read full topic