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

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

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

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

查看更多

关注者
0
被浏览
183
猫哥
猫哥 2021-04-27
如果你的问题没有解决,可加QQ(632906391)与我取得帮助解决.

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

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

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览