美文网首页Web 前端开发 让前端飞
CSS过渡属性transition与display冲突问题

CSS过渡属性transition与display冲突问题

作者: illusionarys | 来源:发表于2020-01-20 09:43 被阅读0次

冲突:当改变元素display属性时,过渡属性transition失效。

原因:display:none的时候,页面文档流中将不会存在该元素。transition无法对一个从有到无的元素产生过渡效果。

解决方法:

        1.改变元素的宽/高为0px,达到隐藏的目的。

        2.使用visibility替代display。

            

相关文章

网友评论

    本文标题:CSS过渡属性transition与display冲突问题

    本文链接:https://www.haomeiwen.com/subject/ohfjzctx.html