镜头耀斑CSS3动画插件，完美的微妙的悬停效果，实现互动效果。所有的镜头耀斑都使用简单的jQuery和可以快速配置样式在CSS文件中。
只是创建一个空的容器页面上添加一个lensFlare到任何地方。然后,您可以定制它遵循用户 鼠标移动通过一个简单的设置。提供了许多选项,如下所示:
该演示展示了鼠标驱动lensFlare默认设置。一个中心点 定义和用户鼠标移动控制耀斑轴旋转。附加的设置可以控制环的大小, 距离,不透明等等。所有可用环渐变的CSS。
将lensFlare文件添加到你的页面准备使用:
<link rel="stylesheet" href="css/jquery-lensFlare.css" type="text/css" /><script src="js/jquery-2.1.3.min.js"><script src="js/jquery-lensFlare.js">
页面加载时调用lensFlare的元素:
$(document).ready(function(){ $('.myElement').LensFlare({ // 在这设置 });});使用lensFlare设置来定制你喜欢的效果。
style用于生成环类。默认为1,生成lf1-ring类。你可以添加更多的类来创建您自己的预设样式2，lf2-ring。