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