css3 实现从0到一定数值宽度的变化(动画效果) 10

比如<divstyle="width:100px"></div><divstyle="width:200px"></div><divstyle="width:300px"... 比如 <div style="width:100px"></div> <div style="width:200px"></div> <div style="width:300px"></div> ,能不能只使用css3,不用js,实现这些div 都从0开始分别变为 100px,150px,200px 宽
100,150,200 只是举个栗子,实际情况是 后台的数据
展开
 我来答
创作者hiuhugygy
推荐于2017-05-20 · TA获得超过157个赞
知道小有建树答主
回答量:166
采纳率:0%
帮助的人:34.2万
展开全部
<style type="text/css">
div{width:100px;animation:move 5s;
}
@keyframes move{
0%{width:100px;}
50%{width:150px;}
100%{width:200px;}
}
</style>
追问
谢谢,能讲解下吗? 我的实际情况是 100,150,200,220,280 。。反正这些是后台提供的数字,七八个,,都想实现加载时,从0到这些数字的动画效果
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式