如何仅使用CSS创建淡入/淡出效果？

我想只使用CSS淡入和淡出效果.如果我移动或悬停在一个div元素上,那么我需要调用另一个DIV来淡入,然后它会在鼠标离开时淡出agsin.DOM元素调用和效果应该在CSS或CSS3.我不能使用javascript和Jquery.

Hover
show

damianfrizzi.. 7

你可以很容易地实现opacity和adjacent sibling combinator.

查看供应商前缀版本的jsfiddle.

#container + div {
    transition: opacity .25s; 
    opacity: 0;
}

#container:hover + div {
    opacity: 1;
}

转换浏览器支持

相邻的兄弟组合器(+选择器)文档