Задать вопрос
@tinyant
Прост кодер

Как отемнить hover эфект?

div{
width: 200px;
height: 200px;
background:url('www.online-image-editor.com/styles/2013/images/exa...');
position: relative;
}

div:hover{
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80) black;
-khtml-opacity: 0.8;
background-color:#000;
}
div:hover:after{
display:none;
}

Вот CSS код как сделать так чтоб над картинкой фон не осветлялся, а затемлялся ?
  • Вопрос задан
  • 185 просмотров
Подписаться 1 Оценить 1 комментарий
Решения вопроса 3
@m1roku
Начинающий
Как раз таки с помощью :after вот бы и затемнял.
https://jsfiddle.net/xgunnwoo/
Ответ написан
Комментировать
@DrGosh_m
Еще такой вариант возможен. Без псевдо.
div:hover{
  background-blend-mode: hard-light;
    background-color: #000;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
14 дек. 2024, в 07:35
500 руб./за проект
14 дек. 2024, в 05:57
50000 руб./за проект
14 дек. 2024, в 02:49
500 руб./за проект