当前位置：文江博客话题详情

有没有办法只使用 CSS 3 创建淡入/淡出效果？

发布于 2024-12-08 06:56:45 字数 123 浏览 0 评论 0原文

有没有一种方法可以仅使用 CSS 3 在鼠标悬停/移出时分别创建淡入/淡出效果？
如果有的话，你说只用CSS实现这样的效果好不好？
对我来说，这似乎只是一个演示问题，所以我不确定为什么应该涉及 JavaScript？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

方觉久 2024-12-15 06:56:45

您是否正在寻找这样的内容： http://jsfiddle.net/hRuR9/2/ ？

这非常简单...

.box{
    opacity: 0.0;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.box:hover{
    opacity: 1.0;
}

至于使用它是否是一个好主意，这取决于您的目标受众以及您希望他们使用或想要支持哪些浏览器。最新版本的 Safari、Chrome 和 Firefox（我相信 Opera）都支持它。不知道最新版本的 IE，但您几乎可以忘记旧版本。

Are you looking for something like this: http://jsfiddle.net/hRuR9/2/ ?

It's pretty simple...

.box{
    opacity: 0.0;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.box:hover{
    opacity: 1.0;
}

As for whether using it or not is a good idea, it depends on your target audience and which browsers you expect them to use or want to support. Recent versions of Safari, Chrome, and Firefox (and I believe Opera) support it. No idea about recent versions of IE, but you can pretty much forget about the older ones.

回复收藏 0 原文

~没有更多了~