Как сделать прозрачный фон у картинки css

Чтобы сделать прозрачный фон у картинки с помощью CSS, вы можете использовать свойство opacity.

HTML:

<img src="your-image.jpg" alt="Description of your image">

CSS:

img {
  opacity: 0.5;
}

В этом примере свойство opacity установлено на 0.5, что означает, что изображение будет полупрозрачным. Вы можете изменять значение свойства opacity от 0 (полностью прозрачный) до 1 (непрозрачный).

Если вы хотите сделать фон прозрачным, не затрагивая картинку, вы можете использовать свойство background-color с прозрачным значением rgba.

HTML:

<div class="image-container">
  <img src="your-image.jpg" alt="Description of your image">
</div>

CSS:

.image-container {
  background-color: rgba(255, 255, 255, 0.5);
  /* здесь последний параметр, 0.5, задаёт прозрачность фона, 0 - полностью прозрачный, 1 - непрозрачный */
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.image-container img {
  display: block;
  width: 100%;
  height: auto;
}

В этом примере у родительского элемента картинки, контейнера изображения, устанавливаются свойства CSS, которые создают блок вокруг изображения с прозрачным фоном, паддингом и скруглением углов. Свойство background-color устанавливает цвет фона в полупрозрачное значение с помощью rgba. В данном примере фон будет белый и прозрачный, так что вы можете настроить цвет и прозрачность фона по своему вкусу.