TweenMax+svg卡通太阳点击发光动画效果代码-html代码-BFW代码库

TweenMax+svg卡通太阳点击发光动画效果代码

代码语言：html

所属分类：动画

代码描述：TweenMax+svg卡通太阳点击发光动画效果代码

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

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<style>
* {
  padding: 0;
  margin: 0;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  background-color: #aad4f9;
}
svg {
  position: fixed;
  top: 30%;
  height: 40%;
  left: 20%;
  width: 60%;
  cursor: pointer;
  visibility: none;
}
</style>


  
  
</head>

<body>
  <div class="container">

  <svg width="645.112832px" height="656.01433px" viewBox="0 0 645.112832 656.01433" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="sun" transform="translate(-137.898128, -127.000000)">
        <g transform="translate(137.898128, 127.000000)">
          <g id="glow-rotate">
            <path d="M546.600516,406.275319 L637.164068,343.330802 C647.76242,335.958605 647.76242,320.055724 637.164068,312.683528 L546.600516,249.739011 C537.831847,243.642321 533.447513,232.864872 535.403777,222.251249 L555.668379,112.627856 C558.038911,99.7908723 546.980262,88.545347 534.3566,90.9559383 L426.554904,111.562983 C416.117656,113.564008 405.519304,109.093882 399.523927,100.177035 L337.625408,8.08308.........完整代码请登录后点击上方下载按钮下载查看