Круглый аватар при загрузке. Не стилями.

Может это не правильный путь

Может это не правильный путь

Оно того не стоит.

Есть варианты стилями закруглить углы и сделать их прозрачными?

img{
    border-radius: 100%;
    opacity: 0.6;
}

img{
    border-radius: 100%;
    opacity: 0.6;
}

 
img {
width: ХХpx;
height: ХХpx;
border:1px solid #ddd;    
border-radius: 50%;
box-shadow: 0 2px 5px #aaa;
margin: 5% auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;    
}
 

Правильно вот так

Варианта нет! Для карт точно!

Всё таки картинка должна быть png, а углы прозрачными.

Всё таки картинка должна быть png, а углы прозрачными.

совершенно верно. но близится момент истины. ккажется на карте тоже можно закруглить. при наведении мыша точно!

Увидеть момент истины можно здесь

как сделать их на карте гугла