css实现粘性圆点loading加载动画效果代码

代码语言:html

所属分类:加载滚动

代码描述:css实现粘性圆点loading加载动画效果代码

代码标签: css 粘性 加载 动画 loading

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        body, div {
          display: grid;
        }
        
        body {
          overflow: hidden;
          margin: 0;
          height: 100vh;
        }
        body::before, body div {
          grid-area: 1/1;
        }
        body::before {
          background: #7374fe;
          content: "";
        }
        
        div {
          grid-gap: 1.25em;
          grid-template: 2.5em/repeat(4, 2.5em);
          place-content: center;
          transform: translate(-3.75em);
          background: #000;
          filter: blur(9px) contrast(27) blur(1px);
          mix-blend-mode: lighten;
          animation: p 2s cubic-.........完整代码请登录后点击上方下载按钮下载查看

网友评论0