CSS-непрозрачность / прозрачность изображения

как убрать прозрачность / непрозрачность элемента <img>, когда пользователь наводит на него указатель мыши?

пожалуйста, поделитесь своим html / css. Чтобы точно вам помочь. Также попробуйте этот стиль img: hover {opacity: 1;}

— 03.06.2018 08:45

и добавьте фрагмент или jsfiddle

— 03.06.2018 08:47

.element: hover {opacity: 0;}

— 03.06.2018 10:19

css

03.06.2018 08:44

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Ответы 2

Установить opacity: 1; при наведении курсора (:hover) на элемент

opacity: 1 - это определение По умолчанию, что означает отсутствие какого-либо opacity

Узнайте о :hover: https://www.w3schools.com/cssref/sel_hover.asp

img {
    opacity: 0.5;
}
img:hover {
    opacity: 1;/* To remove opacity */
}

<img src = "https://material.angular.io/assets/img/examples/shiba1.jpg" alt = "Forest" width = "170" height = "100">

скажи мне больше помощи

— 03.06.2018 09:03

03.06.2018 08:50

Значение непрозрачности по умолчанию равно 1, поэтому вам нужно изменить его на меньше 1, затем при наведении курсора вы снова сделаете 1.

то, что вы должны знать, что все дочерние элементы будут зависеть от прозрачности родительского div.

для охлаждения можно использовать transition: all 0.5s ease; например с ним

Read more about it here ( Css transition)
More about css opacity here

div {
height: 40px;
width: 100px;
background: #007cb0;
padding: 10px 20px;
color: white;
line-height: 40px;
text-align: center;

opacity: .4;
}

div:hover {
opacity: 1;
}