我想知道是否有聪明且现代的CSS3方法来在两个背景图像之间制作过渡效果?我知道那里有多个教程,只是大多数已经过时了。
我有一个简单的logo.png设置为的背景(我希望它作为背景图像而不是通过
)。当我悬停在上面时,我希望平滑地过渡到"logo-hover.png",这是相同的文件,只是颜色不同。
如何在今天实现这样的效果?
我的做法是这样的: - 我创建了一个外部容器,将放置在其中,并使其具有相对位置。我在其中放置了两个具有绝对位置的div,叠加在彼此之上。div.hover设置为
这是唯一的方法吗? 实际上,我很想使用仅使用纯CSS的方法,而无需向dom本身添加带有hover状态的额外div。
对此有什么想法吗?
先谢谢你了。
我有一个简单的logo.png设置为的背景(我希望它作为背景图像而不是通过
如何在今天实现这样的效果?
我的做法是这样的: - 我创建了一个外部容器,将放置在其中,并使其具有相对位置。我在其中放置了两个具有绝对位置的div,叠加在彼此之上。div.hover设置为
display:none
,如果我悬停在它上面,我使用css3 transition来动画显示它的opacity。这是唯一的方法吗? 实际上,我很想使用仅使用纯CSS的方法,而无需向dom本身添加带有hover状态的额外div。
对此有什么想法吗?
先谢谢你了。