realshadow实现鼠标模拟光照产生阴影跟随效果代码
代码语言:html
所属分类:布局界面
代码描述:realshadow实现鼠标模拟光照产生阴影跟随效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<style>
body {
background: #fff url(white_brick_wall.png);
font: 15px "Helvetica Neue",Calibri,Helvetica,Arial,sans-serif;
color: #666;
padding: 0;
margin: 0;
}
h1 {
margin-bottom: 0;
color: #999;
}
a {
color: #66f;
text-decoration: none
}
.container {
text-align: center;
padding: 10px 0;
}
/*.wrapper {margin:0 300px}*/
.block {
margin: 20px 30px;
display: inline-block;
width: 50px;
height: 50px;
}
.big {
width: 380px;
height: 100px;
line-height: 100px;
margin-bottom: 200px;
border-radius: 10px;
}
.c {
background: rgba(193,193,193,.5)
}
.cr {
background: rgba(255,0,0,.5)
}
.cg {
background: rgba(0,200,0,.5)
}
.cb {
background: rgba(0,0,255,.5)
}
.crg {
background: rgba(255,255,0,.5)
}
.cgb {
.........完整代码请登录后点击上方下载按钮下载查看
网友评论0