Border-radius обрезает мое изображение внутри div. Видимо, переполнение не работает - PullRequest
Новая
       32

Border-radius обрезает мое изображение внутри div. Видимо, переполнение не работает

0 голосов
/ 18 января 2019

Значки «Мой заголовок» обрезаются ТОЛЬКО при заданном радиусе границы (около 45% и выше). Простое удаление border-radius исправляет отсечение, но тогда граница круга становится квадратом.

Я перепутался с переполнением, положением, диапазоном и т. Д., Но я, честно говоря, не знаю, что делаю, и ничего не работает. 

.navbar .second-menu img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 50%;
    padding: 5px;
}

.navbar .second-menu img {
    -webkit-transition: all 0.500s!important;
    transition: all 0.500s!important;
}

<div class="second-menu">

<a href="/my-account" data-toggle="tooltip" data-title="Account"><img class="wow bounceIn" data-wow-delay="1.5s" src="https://www.punibunni.com/wp-content/themes/punibunni/images/top-members.jpg" alt="" style="visibility: visible; animation-delay: 1.5s; animation-name: bounceIn;"></a>

enter image description here

...