Proton是一个灵活的html5粒子引擎。他默认支持canvas,dom,webgl,easeljs,pixel五种渲染方式,当然你还可以轻易的自定义自己的渲染器。只需10几行代码就可以打造你想要的粒子效果。同时具有2D版本和3D版本,适合不同的使用场景!
2D版本:
3D版本:
3D版本:
下面通过录制的Gif来演示一部分效果,上面已经有一些了,下面再展示一些:
Proton是一个实现例子效果非常合适的2D和3D例子效果库,非常简单实用,从上面的动图效果也能看出来实现的效果非常的炫酷,而且代码非常简单,文档又非常详细!
<style type="text/css">
span{background:linear-gradient(to right, red, blue)-webkit-background-clip:textcolor:transparent}
h1{color:transparent-webkit-text-stroke:1px #666}
</style>
<span>花里胡哨,给文字加个颜色渐变</span>
<h1>花里胡哨,给文字加个镂空效果</h1>