Как заменить блок при его наведении?

Question

[barabash2090]

при наведении на блок заменить его черным блок с глазом в центре.Просто в этих блок еще по идеи могут быть картинки.

Comments

[DotDash]

описание бы, не телепаты мы..

[Даниил Маслов]

чем плох :hover? что вы хотите сделать?

[barabash2090]

s0xzwasd, при наведении на блок заменить его черным блок с глазом в центре.Просто в этих блок еще по идеи могут быть картинки.

Answer 1

[Александр]

В блок нужно поместить изображение (img), задать ему:
postion:absolute;
При этом для блока
postion:releative;
Дальше поместить изображение в центр блока через

top: 50%;
left:50%;
transform: translate(50%,-50%);

и задать ему
display:block;
Дальше, при наведении на блок

.block:hover {
background: #333;
}
.block:hover > img {
display:block;
}