Верстка скошенного угла

Как вы обычно верстаете вот такие скошенные углы, если IE10+ и если IE9+?

Обязательное условие, высота плашки тянется, в зависимости от наличия в ней текста, может быть две и более срок, а скошенный угол, должен, соответственно, растягиваться по высоте.

1 лайк

Прозрачный бордер может поможет https://jsfiddle.net/np5fgess/

2 лайка
  1. Для поддержки старых ие, времен мезозойского периода(ие4+), можно использовать картинку: тегом в разметку и абсолютно спозиционировав под низ, а текст в другой блок спозиционировав сверху

  2. Обычный блок с текстом

     <div>гарантия<div class="triangle"></div></div>
    

    а из внутреннего блока сделать треугольник:

    • через бордер
    • через rotate
    • через svg
1 лайк