纯css实现相册三维转盘效果

代码语言:html

所属分类:动画

代码描述:纯css实现相册三维转盘效果

代码标签: 相册 三维 转盘 效果

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body{
  margin:0;
  padding:0;
  background: #607d8d;
}
.box{
  position: absolute;
  top:calc(50% - 150px);
    left:calc(50% - 100px);
  transform: perspective(1000px) rotate(-90deg);
  width: 200px;
  height: 300px;
  transform-style:preserve-3d;
  background: #fff;
  border: .........完整代码请登录后点击上方下载按钮下载查看

网友评论0