TweenMax+svg实现胶囊打开粉末倒出动画效果代码-html代码-BFW代码库

TweenMax+svg实现胶囊打开粉末倒出动画效果代码

代码语言：html

所属分类：动画

代码描述：TweenMax+svg实现胶囊打开粉末倒出动画效果代码

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

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

<head>
    <meta charset="UTF-8">
    <style>
        @import url(https://fonts.googleapis.com/css?family=Oswald);
    
    body{background-color:#444; overflow:hidden;}
    
    svg{ position:absolute; }
    
    #container{
      width:300px; height:300px;
      position:absolute;
      left:50%; top:40%;
      transform:translate(-50% , -50%);
    }
    .dot{
      border-radius:50%;
      position:absolute;
      height:12px; width:12px;
      
    }
    
    #www{
      font-family:'Oswald',tahoma;
      font-size:80px;
      color:#fff;
      position:absolute;
      left:50%; bottom:-40px;
      transform:translate(-50% , 0%);
    }
    
    
    #www::before{
      content:'';
      width:160px; height:12px;
      border-radius:50%;
      position:absolute;
      left:50%; top:89px;
      transform:tra.........完整代码请登录后点击上方下载按钮下载查看