js实现一个万圣节订单取消却点不到的鬼按钮效果代码

代码语言:html

所属分类:表单美化

代码描述:js实现一个万圣节订单取消却点不到的调皮鬼按钮效果代码

代码标签: 万圣节 按钮

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        @import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");
        body,
        html {
          height: 100%;
          display: grid;
        }
        
        body {
          font-family: Lato, sans-serif;
          background: #f9a825;
          transition: background 0.25s linear;
        }
        
        h1 {
          margin: 0;
        }
        
        #container {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin: auto;
        }
        
        .ghost {
          display: flex;
          justify-content: center;
          align-items: flex-end;
          height: 200px;
          width: 200px;
          transition: transform 0.25s ease, background 0.25s linear, opacity 1.25s ease-in;
        }
        
        .appear {
          background: url("data:image/webp;base64,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.........完整代码请登录后点击上方下载按钮下载查看

网友评论0