Задать вопрос
chokoroko
@chokoroko
html

Как стилизовать данную фигуру?

Как корректно стилизовать данную фигуру, так как не получается реализовать правый наклон фигуры, он отличается от левого.
<div class="contribution__block"></div>
.contribution__block {
    max-width: 485px;
    width: 100%;
    height: 223px;
    background-color: #D9D9D9;
    border-radius: 25px;
    transform: skew(-10deg);
}

66f2df32a3e53512520485.png
  • Вопрос задан
  • 139 просмотров
4 комментария
Подписаться 1 Простой 4 комментария
Решения вопроса 2
@ksnk
Рисуешь то, что тебе нравится в редакторе, например здесь https://yqnn.github.io/svg-path-editor/
потом получившийся path вставляешь в clip-path
Как-нибудь так

Тут проблема в том, что закругления будут делаться не совсем окружностями, и нужна точность в проведении линий. Но редактор довольно удобен для рисования всяких разных фигур.
Ответ написан
Комментировать
Комментировать
Aetae
@Aetae
Тлен
transform: matrix3d
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Frontend разработчик на React
SkillsRock • Таганрог
от 60 000 до 90 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Ещё вакансии
OSZAR »