Можно ли такое реализовать на CSS? Что-бы при наведении на один блок появлялся другой скрытый блок?
Есть два блока первый контейнер, второй скрытый в этом контейнере. Нужно что-бы при наведении на контейнер скрытый блок появлялся и когда мышь убирается скрытый который появился исчезал
Спасибо попробую.
Можно. Посмотри как делаются выпадающие меню на css и сделай по аналогии.
через :hover
.container {width:200px;height:200px;position:relative;border:5px solid #c00;}
.info {display:block; position:absolute;width:200px;height:200px; top:-5px; left:-5px}
.mask {text-align:center; font-size:30px; color:red}
.info .mask {display:none}
:hover.info > .mask{display:block; border:5px solid #f00;width:200px;height:200px;position:absolute; top:0px; left:0px;}
a.info { text-decoration:none}
Вложение, появись!
⇢