Ответы пользователя по тегу CSS
  • Как сделать впуклый угол средствами css?

    @MiPony
    Есть два варианта. Первый через border и border-radius. https://codepen.io/jcblw/pen/DxAJF
    Второй более правильный через svg. Найти в интернете или сделать свою svg и через код применить в своем проекте.
    <svg id="svg-after" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.54 22.11"><defs></defs><g id="Group-bg-bord"><path id="bg-after" class="cls-1" d="M0,.15s4.41.5,6.58,4.08,6.61,14.21,6.76,14.5A8.43,8.43,0,0,0,17.25,22H0Z"/><path id="border-line" class="cls-2" d="M0,.15s4.41.5,6.58,4.08,6.61,14.21,6.76,14.5A8.43,8.43,0,0,0,17.25,22"/></g></svg>

    Его можно будет редактировать с помощью css, цвет, ширину линии, цвет фона и т.д.
    .cls-1{fill:#f1f1f1;}
     .cls-2{fill:none;stroke:#ddd;stroke-miterlimit:10;stroke-width:0.5px;}
    Ответ написан
    Комментировать