悬停时淡入/淡出背景图像
悬停时淡入/淡出背景图像
提问于 2014-02-11 05:41:29
而不是从左到右的过渡，而是从右到左的过渡。我怎样才能让它淡入淡出，没有动静，只是不透明淡出，淡入。
http://designshack.net/articles/css/swap-your-pages-background-image-on-navigation-hover/
回答 2
Stack Overflow用户
发布于 2014-02-11 05:56:37
您可以使用CSS3属性opacity和transition来执行此操作
.yourClass
{
opacity: 1;
transition: all 3s ease;
}
.yourClass:hover
{
opacity: 0;
}下面是一个示例：
http://jsfiddle.net/ghBAT/
Stack Overflow用户
发布于 2014-02-11 05:45:48
如果您对jquery没有意见，可以看看.fadeIn()。
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123">
// With the element initially hidden, we can show it slowly:
$( "#clickme" ).click(function() {
$( "#book" ).fadeIn( "slow", function() {
// Animation complete
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21688522
复制相关文章
相似问题
腾讯云开发者
