div+css布局卡通人绳子吊起来看电脑代码-html代码-BFW代码库

div+css布局卡通人绳子吊起来看电脑代码

代码语言：html

代码描述：div+css布局卡通人绳子吊起来看电脑代码

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

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

<head>
    <meta charset="UTF-8">





    <style>
        body {
          overflow: hidden;
        }
        
        @keyframes rotate {
          0%, 100% {
            transform: rotate3d(0,1,0,0deg);
            rotate: 0;
          }
          30% {
            rotate: -3deg;
          }
          50% {
            transform: rotate3d(0,1,0,5deg);
          }
        }
        
        #secne {
          font-size: 1vmin;
          width: 90em;
          aspect-ratio: 1;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          border-radius: 50% 50% 0 0;
          background:
            /* floor */
            radial-gradient(100% 100% at 56% 100%, #fff0 75%, #ffff 0),
            repeating-linear-gradient(-25deg, #0000 0 9.75%, #c9c7 0 10%) 100% 100% / 86% 80%,
             repeating-linear-gradient(25deg, #0000 0 9.75%, #c9c7 0 10%) 100% 50% / 80% 86%,
            radial-gradient(45% 25% at 50% 70%, #ccc4 99%, #ccc0 0),
            #f000;
          background-repeat: no-repeat;
          
          &::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 63em;
            height: 63em;
            transform: skewY(25deg);
            background:
              /* monitor cheating .........完整代码请登录后点击上方下载按钮下载查看