css实现粒子流波动背景动画效果代码

代码语言:html

所属分类:动画

代码描述:css实现粒子流波动背景动画效果代码

代码标签: css 粒子 波动 背景 动画

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">





    <style>
        body {
          height: 100vh;
          width: 100vw;
          background-image: url("https://media.milanote.com/1Cvdji00vYew9w-heC5l-regular.gif");
          /*如果上面的图片地址没法显示,请用备用地址//repo.bfw.wiki/bfwrepo/images/gif/1Cvdji00vYew9w-heC5l-regular.gif*/
         
          background-size: cover;
          background-blend-mode: screen;
          background-repeat: no-repeat;
          background-position: center center;
          display: flex;
          justify-content: center;
          align-items: center;
          -webkit-font-smoothing: antialiased;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        }
        .logo {
          width: 200px;
          height: 60px;
          background-image: url("//repo.bfw.w.........完整代码请登录后点击上方下载按钮下载查看

网友评论0