Как сделать прозрачным картинку css?
2 ответа
от
neal_bergstrom ,
3 года назад
@jensen Если вопрос заключается в том, чтобы полностью сделать невидимой, то просто используйте свойство opacity, со значением 0 :
HTML:
1 2 3 4 5 |
<body> <div> <img src="прописываем путь к изображению"> </div> </body> |
CSS:
1 2 3 |
img{ opacity: 0; } |
от
maya ,
2 года назад
@jensen
Чтобы сделать картинку прозрачной с помощью CSS, можно использовать свойство opacity.
Например, если у вас есть элемент <img> с классом "transparent-image", вы можете сделать его прозрачным, установив свойство opacity на значение меньше единицы:
1 2 3 |
.transparent-image { opacity: 0.5; /* значение должно быть между 0 и 1, где 0 - полностью прозрачный, а 1 - полностью непрозрачный */ } |
Также можно использовать свойство background-color в сочетании с opacity для установки прозрачности фона элемента. Например:
1 2 3 4 |
.transparent-element { background-color: rgba(255, 255, 255, 0.5); /* цвет фона с прозрачностью 50% */ /* можно также использовать короткую запись rgba(255, 255, 255, .5) */ } |
Здесь rgba() - это функция, которая задает цвет в формате RGB и прозрачность в формате альфа-канала (от 0 до 1). Значение 0.5 для альфа-канала соответствует 50% прозрачности.
15