TweenMax+svg实现情人节男女拥抱亲嘴表白动画效果代码-html代码-BFW代码库

TweenMax+svg实现情人节男女拥抱亲嘴表白动画效果代码

代码语言：html

所属分类：表白

代码描述：TweenMax+svg实现情人节男女拥抱亲嘴表白动画效果代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        *, *:before, *:after {
          box-sizing: border-box;
        }
        
         body {
          margin: 0;
          padding: 0;
          background-color: #ca57a5;
          overflow: hidden;
        }
        
        .container {
          height: 100vh;
          overflow: hidden;
        }
        #couple {
          max-height: 100%;
          width: 100%;
        }
        
        #girl-hair {
          fill:url(#hair-gradient);
        }
        #girl-eye {
          fill: green;
        }
        
        #girl-earring {
          fill: #8d8d8d;
        }
        #girl-skirt, #girl-shirt {
          fill: #791e43;
        }
        #boy-pants {
          fill: #848487;
        }
        #boy-sleeve {
          fill: #b8bcbb;
        }
        
        #boy-shirt {
          fill: #256e89;
        }
        
        #boy-hat-1 {
           fill: #2e6773;
        }
        #boy-hat-2 {
           fill: #4f3723;
        }
        
        #couple,
        #heart, 
        #triangle-light
        {
          visibility: hidden;
        }
         #triangle-light {
         .........完整代码请登录后点击上方下载按钮下载查看