Как сделать закругленные углы у параллелограмм в CSS?

Пользователь

от sandrine , в категории: HTML/CSS , 2 месяца назад

Как сделать закругленные углы у параллелограмм в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от angelica.glover , 2 месяца назад

@sandrine Закругленные углы у параллелограмм в CSS можно сделать так:


HTML:

1
2
3
<body>
    <div id="parallelogram"></div>
</body>


CSS:

1
2
3
4
5
6
7
8
#parallelogram {
    background: blue;
    width: 150px;
    height: 100px;
    margin-left: 25px;
    transform: skew(20deg);
    border-radius: 20px;
}