3

введите сюда описание изображения

Картинка сердечка импортирована из figma и имеет прозрачный фон. При добавлении к ней белого фона виден белый зазор, как это исправить?

3
  • Ну, просто поверх правого края кнопки накладываете картинку и всё - в чём проблема? 17 мар 2020 в 10:26
  • собственно это и есть красная кнопка с сердечком сбоку, если добавлять картинку поверх кнопки то она просто сливается с кнопкой, потому что у нее фон прозрачный, а если добавить белый фон то виден белый зазор между сердечком и кнопкой
    – Marro
    17 мар 2020 в 10:33
  • @Marro, посмотрите, я сделал пример - никакого зазора. Просто позиционирование и размеры надо подогнать, и всё. 17 мар 2020 в 10:37

1 ответ 1

2

button {
  border: none;
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 50px;
  background-color: #e20613;
  border-radius: 5px;
}
img {
  position: relative;
  top: 11px;
  left: -11px;
  height: 31px;
}
<button>Сделать доброе дело</button><img src="https://i.stack.imgur.com/iY6xh.jpg" alt="" />

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.