@stepaniwe

Фон в виде стрелки?

Как на картинке, фон слегка похож на стрелку. Нужен наиболее верный способ503e4d0942b44270b4f5e26c51b65251.png
  • Вопрос задан
  • 1047 просмотров
Пригласить эксперта
Ответы на вопрос 5
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
1 вариант:
div {background: #slegkaPohozNaStrelku; }
2 вариант: картинка на фоне
3 вариант: border-image белая картинка с прозрачностью
4 вариант: треугольный border через псевдоэлементы htmlbook.ru/blog/treugolniki-cherez-css
5 вариант: svg
Ответ написан
Комментировать
@AlexanderZe
Интересующийся
Вот тут разбор вашего вопроса, или уже тут но на русском
Ответ написан
Комментировать
@ps1panda
Верстальщик, начинающий front-end
v3shin
@v3shin
Веб-шаман
Объединяя два ответа: под контент на белом фоне подложить псевдоэлемент :after и задать ему белые края: верхний и нижний. Левый и правый края сделать прозрачными - тогда получится стрелка наоборот.
Ответ написан
Комментировать
sadisme
@sadisme
font-size:30rem
Попробуйте применить CSS маски. Без IE, зато самый правильный способ

htmlbook.ru/blog/maskirovanie-v-css
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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