一个简单的单车

[haichong520]

周末，闲的蛋疼，天气依然热的跟狗一样。不想出门，又不知道干什么，想来想去还是coding吧，莫名其妙的想用CSS3把自己的单车画出来。好吧，干吧，反正闲着也是闲着。就这样。。。出“炉”了！



DEMO：http://www.xiaoqian.org/project/bike/

[powerfj]

挺不错，不过那个路感觉有点不流畅，一顿一顿的，能做的更加流畅点不

[liyandong]

人呢？

[mrsatangel]

不错，就是有个明显的错误，车的前叉后叉居然被轮子挡住了

[P233]

@powerfj 用 transform: translateX() 会好一些，width, height, left, right 等这些属性在变化的时候浏览器会计算每一帧的属性值，而用 translate 只计算可看得到的变化

[haichong520]

@mrsatangel 嗯，我也觉得，不过空心三角是用内层遮挡的，层级提高的话会把轮子遮挡。比较蛋疼，so...

[haichong520]

@powerfj
@P233
哟西，有待加强。

[password]

从力学结构上讲，我感觉前叉似乎很容易散架。

[manoon]

耐斯。。学习！

[rrfeng]

@powerfj
这个动作算法的问题，你调整一下页面宽度就会发现流畅了……

[momou]

用chrome开发工具选中轮子会奇特效果。。。

[mulog]

@momou 果然很奇特。。

[hit9]

很棒

[hewwcn]

很有意思