Shine.js 是一个用于实现美丽阴影的 JS 库。

特性

  1、可动态旋转光的位置，投影出不同的阴影效果　　

  2、可定制的阴影，　　

  3、没有库依赖关系,AMD兼容使用基于内容的文本或框阴影　　

  4、在浏览器支持textShadow或boxShadow 会自己主动加入前缀

效果图例如以下：

 

 

代码引用及编写：

嵌入js文件

实例化:

var shine = new Shine(document.getElementById('my-shine-object'));

改变光的位置:

window.addEventListener('mousemove', function(event) {
        shine.light.position.x = event.clientX;  shine.light.position.y = event.clientY;  shine.draw();}, false);

 

 

 

 

 

 

 

原文: