因为这里比较简单,只是大屏展示,没有交互。所以后来就用了两层div实现。下面一个div用浅色背景png,上面一个用彩色背景png,绝对定位对齐。然后上面一个用js控制长度,例如width设置为20%,样式上加上transition: width .3s;就可以实现动态增加的效果;
因为这里比较简单,只是大屏展示,没有交互。所以后来就用了两层div实现。
下面一个div用浅色背景png,上面一个用彩色背景png,绝对定位对齐。
然后上面一个用js控制长度,例如
width
设置为20%
,样式上加上transition: width .3s
;就可以实现动态增加的效果;