使背景淡出/进入

Question

有什么方法可以使用CSS3淡入和淡出白色背景<div>吗？内容应保持可见,因此背景应该消失.

任何使用css3转换/转换的想法？

谢谢您的帮助.

Answer 1

当然,您可以直接在以下位置使用过渡属性background-color:

div {
   background-color: white;    

   /* transition the background-color over 1s with a linear animation */
   transition: background-color 1s linear;
}

/* the :hover that causes the background-color to change */
div:hover {
   background-color: transparent;      
}

这是一个淡出背景的红色背景的例子:hover.