jquery.shadow.js网页生成阴影效果插件

来源:https://www.sucaihuo.com/js/5137.html 2020-03-27 10:05浏览(119) 收藏

jquery.shadow.js网页生成阴影效果插件,以CSS3 box-shadow为基础,可以通过配置参数快速为元素生成各种投影样式,演示里有12种效果。
jquery.shadow.js网页生成阴影效果插件
分类:css3 > transform 难易:初级
查看演示 下载资源: 1 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.shadow.js"></script>	
	<script type="text/javascript">
		$(document).ready(function() {
			$('.box.standard').shadow();
			$('.box.lifted').shadow('lifted');
			$('.box.perspective').shadow('perspective');
			$('.box.raised').shadow('raised');
			$('.box.sides-vt-1').shadow({type:'sides',sides:'vt-1'});
			$('.box.sides-vt-2').shadow({type:'sides',sides:'vt-2'});
			$('.box.sides-hz-1').shadow({type:'sides',sides:'hz-1'});
			$('.box.sides-hz-2').shadow({type:'sides',sides:'hz-2'});
			$('.box.rotated').shadow({type:'rotated',rotate:'-5deg'});
		});
	</script>
标签: 阴影投影
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

1 2