Ребят,как сделать чтобы было из этого:
Не переворачивая объект типа:transform: rotate(45deg);
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществу.circle {
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;
background: #333;
}
.circle-out {
width: 98px;
height: 98px;
left: 1px;
top: 1px;
border-radius: 50%;
position: absolute;
background: #fff;
}
.circle:hover {
background: linear-gradient(to top, #333 0%, #333 49%, #f33 50%, #f33 100%);
}
<div class="circle">
<div class="circle-out"></div>
</div>