jquery.interactive_3d使用图片帧实现三维交互旋转物体对象效果代码
代码语言:html
所属分类:三维
代码描述:jquery.interactive_3d使用图片帧实现三维交互旋转物体对象效果代码
代码标签: 使用 图片 帧 实现 三维 交互 旋转 物体 对象 效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.interactive_3d.js"></script> <style> html { height: 100%; } body { background: #fff; padding: 0; text-align: center; font-family: 'open sans'; position: relative; margin: 0; height: 100%; } .wrapper { margin: 0 auto; } a { text-decoration: none; } h1, h2 { width: 100%; float: left; } h1 { margin-top: 100px; color: #6D461D; margin-bottom: 5px; font-size: 70px; letter-spacing: -4px; } h2 { color: #808080; font-weight: 100; margin-top: 0; margin-bottom: 10px; } .pointer { color: #9b59b6; font-family: 'Pacifico', cursive; font-size: 30px; margin-top: 15px; } pre { margin: 80px auto; } pre code { padding: 35px; border-radius: 5px; font-size: 15px; background: rgba(0,0,0,0.1); border: rgba(0,0,0,0.05) 5px solid; max-width: 500px; } .main { float: left; width: 100%; margin: 0 auto; } .main h1 { padding:20px 0px; float: none; width: auto; font-size: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 100; color: black; margin: 0; margin-top: 150px; letter-spacing: -1px; } .main h1.demo1 { background: #1ABC9C; } .reload.bell { font-size: 12px; padding: 20px; width: 45px; text-align: center; height: 47px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; } .reload.bell #notification { font-size: 25px; line-height: 140%; } .reload, .btn{ display: inline-block; border: 4px solid #08C; border-radius: 5px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #08C; display: inline-block; line-height: 100%; padding: 0.7em; text-decoration: none; color: #fff; width: 100px; line-height: 140%; font-size: 17px; font-family: open sans; font-weight: bold; width: 200px; } .btn:hover{ background: #12AEFC; } .clear { width: auto; } .credit { text-align:.........完整代码请登录后点击上方下载按钮下载查看
网友评论0