TweenMax+svg实现飞艇天空云中飞行动画效果代码-html代码-BFW代码库

TweenMax+svg实现飞艇天空云中飞行动画效果代码

代码语言：html

所属分类：动画

代码描述：TweenMax+svg实现飞艇天空云中飞行动画效果代码

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

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

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

</head>

<body>
    <div class="wrapper"><svg width="725px" height="530px" viewBox="0 0 725 530" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="9.19625%" y1="57.7443496%" x2="91.5794483%" y2="14.0008817%" id="linearGradient-3"><stop stop-color="#5C73E6" offset="0%"></stop><stop stop-color="#8AB1FF" offset="100%"></stop></linearGradient></defs><rect fill="#F0F5FF" x="0" y="0" width="725" height="530"></rect><g id="_back" transform="translate(33.000000, 3.000000)"><mask id="back-mask" fill="white"><path d="M67,111 C259,-21 325,242.971199 388,268 C451,293.028801 677,184 662,319 C647,454 522,509 330,478 C138,447 -125,243 67,111 Z M362,55 C375,-25 612,-16.3256226 604,77 C596,170.325623 578.872065,194 496.436032,187 C414,180 349,135 362,55 Z" id="back-mask-path"></path></mask><g mask="url(#back-mask)"><g transform="translate(-33.000000, -3.000000)"><rect fill="url(#linearGradient-3)" x="0" y="0" width="725" height="530"></rect><circle class="sun-light" fill-opacity="0.55" fill="#FFFF66" cx="618" cy="102" r="60"></circle><circle class="sun-light" fill-opacity="0.55" fill="#FFFF66" cx="618" cy="102" r="45"></circle><circle fill="#FFFF66" cx="618" cy="102" r="30"></circle><g id="clouds-back" transform="translate(0, 164)"><g transform="translate(2065.000000, 76.000000)"><path d="M83.4749025,119.372323 C88.0392129,111.384046 96.6408508,106 106.5,106 C121.135546,106 133,117.864454 133,132.5 C133,147.135546 121.135546,159 106.5,159 C102.585459,159 98.8691591,158.151227 95.5250975,156.627677 C90.9607871,164.615954 82.3591492,170 72.5,170 C57.8644541,170 46,158.135546 46,143.5 C46,128.864454 57.8644541,117 72.5,117 C76.4145412,117 80.1308409,117.848773 83.4749025,119.372323 Z" id="Combined-Shape" fill="#D6E4FF"></path><path d="M354.25915,93.5681627 C356.114842,93.1955172 358.034588,93 360,93 C376.016258,93 389,105.983742 389,122 C389,138.016258 376..........完整代码请登录后点击上方下载按钮下载查看