lensFlare - 镜头耀斑css3动画特效插件

lensFlare - 镜头耀斑css3动画特效插件2427
镜头耀斑CSS3动画插件,完美的微妙的悬停效果,实现互动效果。所有的镜头耀斑都使用简单的jQuery和可以快速配置样式在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。 
mouse_track 鼠标跟随
max_size 使用鼠标驱动lensFlares定义最大允许环的大小 
ring_size 内/最小环的大小 
ring_size_factor 外环因素尺寸 
ring_opacity 最小的环透明度 
ring_opacity_factor 外环因素的透明度 
ring_speed 最小的环的速度 
ring_speed_factor 环的速度
ring_from 开始中心位置(x,y)
ring_from_factor 开始中心位置到外环距离
ring_to 结束中心位置(x,y)
ring_to_factor结束中心位置到外环距离
rotate_from 耀斑旋转开始 
rotate_from 耀斑旋转结束

也许你还喜欢