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

Как сверстать блок с непрозрачным фоном и галочкой?

5e6ce8e64a114873701619.png

Здравствуйте! Скажите пожалуйста, как сверстать этот блок? Пробовал разными способами (включая clip-path). Фон непрозрачный, например rgba(0, 0, 0, 0.5).

Большое спасибо за потраченное время!
  • Вопрос задан
  • 307 просмотров
Подписаться 5 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
1. Фон прозрачный. Непрозрачный = полная заливка.
2. Бери SVG, не прогадаешь.

UPD, чтобы не возиться с расчетами, ты можешь сделать закругление псевдоэлементами и использовать тогда gif\png\svg (актуально, если высота не меняется, а только ширина надписи).
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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