添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

jQuery+css3根据图像位置变换阴影角度

时间:2014-12-14      来源:互联网     
特效说明:
一款jQuery+css3根据图像位置变换阴影角度网页特效,该CSS3特效应用了transform属性、box-shadow属性。实现原理,根据页面滚动条位置计算投影旋转角度。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />

2、调用JS插件代码:
<script src="js/jquery.min.js"></script>
<script src="js/init.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、实例化JS代码:
<script>
$(function(){
  $("#demo-bar").load("../demo-bar.html");
});
</script>
相关特效

最新更新特效

设计分享