1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > CSS hover改变背景图片过渡动画生硬

CSS hover改变背景图片过渡动画生硬

时间:2020-05-26 03:15:36

相关推荐

CSS hover改变背景图片过渡动画生硬

解决方案:将hover要改变的背景放到另一层,hover时改变该层的透明度。 比如: 如果你想:

div{transition:.5s;}div:hover{background:url(img);}复制代码

这样的过渡动画会很生硬,改成这样你会发现世界瞬间变美好了

div{position:relative;}div:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(img);opacity:0;transition:.5s;}div:hover:after{opacity:1;}复制代码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。