gsap+svg实现可爱的太阳升起发光动画效果代码-html代码-BFW代码库

gsap+svg实现可爱的太阳升起发光动画效果代码

代码语言：html

所属分类：动画

代码描述：gsap+svg实现可爱的太阳升起发光动画效果代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        body {
          display: grid;
          gap: 1em;
          place-items: center;
          background: black;
        }
        
        svg {
          width: 600px;
          opacity: 0;
          max-width: 80vw;
          max-height: 80vh;
        }
        
        #flare-outline {
          fill: none;
        }
        
        #rays {
          fill: goldenrod;
        }
    </style>


</head>

<body >
    <!-- SVG originally from https://www.svgrepo.com/svg/243799/sun -->
    <!-- with edits, to group, reorder and add IDs/classes -->
    <svg id="wake-up-svg" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
  <circle cx=".........完整代码请登录后点击上方下载按钮下载查看