当前第2页 返回上一页
例子2：
把鼠标指针放到 p 元素上，其宽度会从 100px 逐渐变为 300px：
1 2 3 4 5 6 7 8 | p
{
width:100px;
transition: width 2s;
-moz-transition: width 2s;
-webkit-transition: width 2s;
-o-transition: width 2s;
}
|
效果图：
鼠标经过后
推荐学习：css视频教程
以上就是css动画怎么匀速的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css层叠样式表的含义是什么
css阴影怎么写
css border-bottom-color属性怎么用？
css的优势是什么
css如何修改默认滚动条样式
css flex-wrap属性怎么用
font-weight:blod的跳动问题怎样用css解决
css list-style属性怎么用
css表格怎么设置中间对齐
css有哪几种样式
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css动画怎么匀速
