css实现三维立体旋转相册效果代码

代码语言:html

所属分类:画廊相册

代码描述:css实现三维立体旋转相册效果代码

代码标签: css 三维 立体 旋转 相册

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">






    <style>
        .gallery {
          --s: 150px; /* the image size */
          
          display: grid;
          transform-style: preserve-3d;
          animation: r 15s linear infinite;
          position: relative;
        }
        @keyframes r {
          0% {transform: perspective(450px) rotateX(-100deg) rotate(0deg)}
          to {transform: perspective(450px.........完整代码请登录后点击上方下载按钮下载查看

网友评论0