获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
锵锵锵,各位打怪升级的的前端开发攻城狮注意啦,快来打卡完成 1/1 日常经验值啦!今天推荐的是一个简单易用的 Bar Chart Race(长条图赛跑动画) React 组件:chart-race-react。你可以自由组合颜色、样式和速度,来实现符合业务需求或者项目需求的效果!
hellogithub.com【HG 叨逼叨:一入前端深似海,从此头发是路人(这句话我明天还可以用嘿嘿嘿)】
展开
1
15
赞了这篇沸点
撸了个弹幕npm包,年会有需要做弹幕上墙的同学可以拿去用。
基于CSS3动画,使用React构建,性能还成。兼容性上还有待反馈。
目前具备的特性:
- 支持传入 React 组件,灵活控制弹幕内容和 UI,提供一个默认样式组件:`<StyledBullet/>`
- 弹幕屏幕管理:清屏,暂停,隐藏(后续可能会加入针对单个弹幕的控制)
- 弹幕动画参数化:运动函数(匀速/ease/步进/cubic-bezier)、时长(秒)、循环次数等
- 鼠标悬浮弹幕暂停
演示地址:
zerosoul.github.io
源码地址:
github.com
基于CSS3动画,使用React构建,性能还成。兼容性上还有待反馈。
目前具备的特性:
- 支持传入 React 组件,灵活控制弹幕内容和 UI,提供一个默认样式组件:`<StyledBullet/>`
- 弹幕屏幕管理:清屏,暂停,隐藏(后续可能会加入针对单个弹幕的控制)
- 弹幕动画参数化:运动函数(匀速/ease/步进/cubic-bezier)、时长(秒)、循环次数等
- 鼠标悬浮弹幕暂停
演示地址:
源码地址:
展开
15
54
赞了这篇文章
赞了这篇文章