jquery+css实现三维透视交互视觉效果代码

代码语言:html

所属分类:视觉差异

代码描述:jquery+css实现三维透视交互视觉效果代码

代码标签: 透视 交互 视觉 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto);
html, body {
  font-family: 'Roboto', sans-serif;
  height: 100%;
}

body {
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(40%, #f0f0f0));
  background: linear-gradient(to bottom, #ddd 0%, #f0f0f0 40%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: perspective(800px);
  transform: perspective(800px);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c.........完整代码请登录后点击上方下载按钮下载查看

网友评论0