@Ridos_Papitos

Градиент на css?

Здравствуйте, я новичок в html и css и пытаюсь сделать пробный сайт по своему шаблону, сделанному в figma. там можно сразу посмотреть css код объекта и я просто создавал объект, копировал css код из figma и вставлял его в css файл,. но когда дело дошло до фотографии, на которой будет линейный градиент, то что-то пошло не так. Я создал изображение и дал ему клас Is

<div>
		<img src="Images\imgIsland.jpg" class="Is">
</div>


После чего в css файле я написал следующий код

.Is {
	position: absolute;
	width: 285px;
	height: 200px;
	left: 880px;
	top: 690px;

	background: linear-gradient(359.41deg, #000000 -7.77%, rgba(0, 0, 0, 0) 61.03%), url(imgIsland.jpg);
	border-radius: 16px;
}


в итоге должна выйти вот такая картинка 6252233a09bdc431797166.png
(извеняюсь за плохое качевство)
но градиента нет. прошу помочь. с этим.
  • Вопрос задан
  • 334 просмотра
Пригласить эксперта
Ответы на вопрос 1
KlVV
@KlVV
битриксоид
Картинка поднимается выше фона заливки.
На div с картинкой сверху наложите div с полупрозрачным градиентом.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы