Задать вопрос
@stepaniwe

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

Как на картинке, фон слегка похож на стрелку. Нужен наиболее верный способ503e4d0942b44270b4f5e26c51b65251.png
  • Вопрос задан
  • 1062 просмотра
Подписаться 2 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы