Прозрачность картинки по ее краям?

Для установки прозрачности у картинки по ее краям вам необходимо использовать CSS свойство `opacity`. Однако, прозрачность будет применена ко всей картинке, а не только к ее краям. Если вы хотите создать эффект прозрачности только по краям картинки, вам придется использовать дополнительные методы, такие как создание дополнительного элемента с фоновым градиентом или использование псевдоэлементов.

Пример использования CSS свойства `opacity` для создания прозрачности у картинки:

 
    .image {
        opacity: 0.5; /* Прозрачность 50% */
    }
 
 
<img src="image.jpg" class="image" alt="Картинка">

Если вы хотите создать эффект прозрачности только по краям картинки, вот пример использования псевдоэлементов:

 
    .image-container {
        position: relative;
    }
 
    .image {
        position: absolute;
        z-index: 1;
    }
 
    .image::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: linear-gradient(transparent, black);
        z-index: 2;
    }
 
 
<div class="image-container">
    <img src="image.jpg" class="image" alt="Картинка">
</div>

Этот код создаст эффект прозрачности только по краям картинки, добавляя к ней псевдоэлемент с фоновым градиентом от прозрачного к черному цвету. Вы можете настроить значения свойств `top`, `left`, `right`, `bottom` для изменения ширины области прозрачности по краям картинки.