既然可以用CSS实现就进来用CSS实现，为什么折线图的生长动画不用CSS实现？

来源：6-9 项目名称动画

Sexyme

2016-09-06

.h5_component_polyline canvas:last-child {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
}
.h5_component_polyline_load canvas:last-child {
    transition:all 1s 0.5s;
    -moz-transition:all 1s 0.5s; /* Firefox 4 */
    -webkit-transition:all 1s 0.5s; /* Safari and Chrome */
    -o-transition:all 1s 0.5s;
    top: 0;
    height: 100%;
}
.h5_component_polyline_leave canvas:last-child {
    transition:all 1s ;
    -moz-transition:all 1s ; /* Firefox 4 */
    -webkit-transition:all 1s ; /* Safari and Chrome */
    -o-transition:all 1s;
    top: 100%;
    height: 0;
}

如上。

写回答

2回答