css在hover时触发transi听动画中auto值失效的问题

发布于 2021-04-27 14:24:49

在给一个块元素设定鼠标上浮,宽度自动变化的动画效果时,动画效果失效;
使用的 css 元素信息有:

div{
    width:40px;
}
div:hover{
    width:auto;
    transition:all 1s;
}

查看更多

浏览量
1263
猫哥
猫哥 项目组成员 2021-04-27
更多相关扩展问题如需解决? 可加猫哥QQ(632906391)寻求帮助

Auto值的CSS3 Transition解决方案
使用max-width绕过auto

div{
    max-width:40px;
}
div:hover{
    max-width:300px;
    transition:all 1s;
}
1 个回答

学习
记录

发布
问题

分享
好友

手机
浏览

扫码手机浏览