CSS3实现 横向/竖向 滚动弹幕

最近的项目用到了弹幕功能,尝试使用了CSS3来做,用到了CSS3的动画,并用transform来做滚动处理,相对于 top/left 流畅了很多。话不多说,直接看效果:

http://jsbin.com/rabuxi/edit?html,css,output

再来看实际项目使用的效果,应用弹幕高度不固定,需要用js来实时获取高度:

http://jsbin.com/pihujok/edit?html,css,output

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>