Как с помощью CSS сделать угол на блоке?

Необходимо на css отрисовать блок со стрелкой слева. Затруднение именно с левой стрелкой.
Важно, чтобы после создания можно было задать box-shadow как на примере.
d88dde8b036740ba922202554cf162e4.png
  • Вопрос задан
  • 6087 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
teotlu
@teotlu
Навёрстываю упущенное
Сгенерите себе вот здесь стрелочку из прямоугольника, с помощью наклона, поворота и изменения ширины, чтоб получился нужный угол. А дальше сможете к ней применить box-shadow, как к обычному элементу. Но его значения, конечно, придётся подбирать). Поддерживаться будет в IE9+.
Ответ написан
@KonstV
#triangle-left {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}

А вообще на хабре целый набор есть ))
habrahabr.ru/post/126207
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы