gsap+css实现漂亮的莲花花朵绽放动画效果代码

代码语言:html

所属分类:动画

代码描述:gsap+css实现漂亮的莲花花朵绽放动画效果代码

代码标签: gsap css 莲花 花朵 绽放 动画

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

<!DOCTYPE html>

<html lang="en">

<head>

   
<meta charset="UTF-8">





   
<style>
        :root {
          --purpleOver:rgba(230, 70, 215, 0.8);
          --purple0: rgba(180, 95, 180, 0.5);
          --purple1: rgb(250, 215, 255);
        }
       
        html {
          width: 100%;
          height: 100%;
        }
       
        body {
          background-color: #000;
          height: 100%;
          width: 100%;
        }
       
        main {
          height: 100vh;
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0;
          margin: 0;
          padding: 0;
        }
       
        .corolla {
          margin-bottom: 80px;
          min-height: 100px;
          width: max-content;
          display: flex;
          justify-content: center;
          transform: rotate(-45deg);
        }
       
        .s.........完整代码请登录后点击上方下载按钮下载查看

网友评论0