我在它的悬停Ul上有一个标签，我显示了一个使用 css 的标签。
现在我希望该 div 标签将第一个淡入淡出或任何其他效果，如动画等。
我知道它可以通过使用轻松完成，但想知道我可以使用 Html5、css3、css 实现这一点divjQuery
问问题
1140 次
4 回答
2
淡入http://jsfiddle.net/thebabydino/Cedue/7/
从来没有像-webkit-opacity或-moz-opacity
如果你想转换opacity，那么要么写
transition: opacity 1s
或者
transition: 1s
于 2013-01-12T13:19:22.177 回答
2
据我所知，从代码中删除display: none;和display: block;行可以启用动画：http:
//jsfiddle.net/Cedue/31/
（这是您原始小提琴的副本，仅删除了显示：行。）但是，这引发了一个问题，即您可以在隐藏文本时访问、突出显示甚至悬停文本；如果您不希望出现这种行为，您可能希望研究另一种隐藏它的方法，直到正确的区域悬停，例如用边距移动它。
正如 Ana 所提到的，如果您希望为整个淡入淡出动画，您应该使用 opacity 作为您的过渡参数（例如：transition: opacity 1s ease;，以及用于单独浏览器支持的附加行）。如果您像在示例中那样使用背景作为过渡属性，则只有背景会褪色并且文本会立即出现。
编辑：由于我自己的好奇心，我在 Chrome 和 Firefox 下测试了这个，每个都适用于 Windows 和 Mac，并且可以确认删除这些display行会导致动画在所有这些上工作。
于 2013-01-12T21:09:30.940 回答
0
于 2013-01-12T12:54:11.983 回答