css布局实现万圣节鬼魂从地底下爬起效果代码-html代码-BFW代码库

css布局实现万圣节鬼魂从地底下爬起效果代码

代码语言：html

代码描述：css布局实现万圣节鬼魂从地底下爬起效果代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        .rise {
          position: fixed;
          inset: 0;
          background:
            linear-gradient(#010101 0 0) calc(50% + 185px) calc(100% - 276px)/30px 10px,
            linear-gradient(#010101 0 0) calc(50% + 185px) calc(100% - 246px)/12px 53px,
            radial-gradient(50% 50%,#010101 98%,#0000) calc(50% + 186px) calc(100% - 84px)/107px 180px,
            radial-gradient(50% 50%,#010101 98%,#0000) calc(50% - 240px) calc(100% - 181px)/68px 50px,
            linear-gradient(#010101 0 0) calc(50% - 240px) calc(100% - 150px)/68px 53px,
            linear-gradient(#010101 0 0) calc(50% - 150px) calc(100% - 260px)/117px 30px,
            linear-gradient(#010101 0 0) calc(50% - 150px) 100%/30px 340px,
            linear-gradient(0deg, #010101 150px,#0000 0),    
            radial-gradient(circle at left 50% bottom 150px,#faee45 150px,#ec9c2f 300px,#0000 500px),    
            linear-gradient(#9b0501,#ec9c2f);
          background-repeat: no-repeat;
        }
        .r.........完整代码请登录后点击上方下载按钮下载查看