Задача состоит в следующем: С помощью псевдокласса :before нужно добавить уголок. Мне НЕ хотелось бы использовать изображение. Я рисую треугольник с помощью css :

border-top: 100px solid red;
border-left: 100px solid transparent;

Но проблема в том что на изображении он немного скруглен внизу. Пробовал border-radius [ border-radius: 0 0 10px 0; ] — не помогает, потому что скругление происходит в другую сторону.

Подскажите, пожалуйста, есть ли выход с данной ситуации с помощью css, или все же придется использовать изображение.

186_borderradius

Оценить:|
  
Комментировать
Раздел: CSS    
Просмотров: 4481
Комментариев (4)
  1. kukushka
    18.07.2013 в 13:07

    Всё можно, кто-то даже такие вещи делает: https://www.romancortes.com/blog/homer-css/

  2. avedent
    Андрей Денисюк [avedent]
    18.07.2013 в 15:07

    Придумал!…

  3. cssfish
    18.07.2013 в 15:23

    использовать изображение или нет, это не вопрос религии, а просто рабочий момент. в данном случае я бы затолкал png после оптимизации в data:uri, и весило бы это копейки

Оставить комментарий