svg+js实现打车出租车滴滴动画效果代码-html代码-BFW代码库

svg+js实现打车出租车滴滴动画效果代码

代码语言：html

所属分类：动画

代码描述：svg+js实现打车出租车滴滴动画效果代码

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

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">

  

</head>
<body>
<!-- partial:index.partial.html -->
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 525 412" style="enable-background:new 0 0 525 412;" xml:space="preserve">
<style type="text/css">
        .st0{opacity:0.102;}
        .st1{fill:#35303F;}
        .st2{fill:#DE3333;}
        .st3{opacity:0.2196;}
        .st4{fill:#383838;}
        .st5{fill:#A8A6AA;}
        .st6{fill:#FFFFFF;}
        .st7{fill:#FBA380;}
        .st8{fill:#222C44;}
        .st9{fill-rule:evenodd;clip-rule:evenodd;fill:#DE3333;}
        .st10{fill:#E1825D;}
        .st11{fill:#AC1A1A;}
        .st12{fill:#C4CCCD;}
        .st13{fill:#FCFCFC;}
        .st14{fill:#F0EFEF;}
        .st15{fill:#141218;}
        .st16{opacity:0.502;}
        .st17{opacity:0.2;}
        .st18{fill:#504B5A;}
        .st19{fill:#F3C22E;}
        .st20{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
        .st21{fill:#E6B521;}
        .st22{fill:#DC2F2F;}
        .st23{fill:#EDEDED;}
        .st24{fill-rule:evenodd;clip-rule:evenodd;fill:#EDEDED;}
</style>
<g id="Background_xA0_Image_1_">
</g>
<g id="Group_41_copy_1_">
        <g id="Shape_508" class="st0">
                <g>
                        <path class="st1" d="M507.2,222.2v143.5h-4.1V196h0L474,145.6V121h-2v24.6L442.9,196h0v169.7H439V213.6l-53.1-6.3l-6.3,1.9v-20
                                l-53.1-8.2l-21.4,8.2v176.6h-2.5v-129h-8.7v-11.2h-3.3v-7.3l-11.3-12.3l-11.3,12.3v7.3h-3.3v11.2h-8.7v129h-2.9V241.5h-25.4v-12
                                h-44.6v136.2h-3V195.5h-13.5v33.3h-5.4v-14.6h-8.7v-14.1h-6.6v-20.5h-32.5v11.7l-18.1-7.7v24.8H68.3v157.2h-3.5V242l-9.2-4.1
                                L32.7,242v11.6L15,255.6v110.1h-2.6V234H1v91.7c0,14.6,2.2,28.2,8.6,40.3l507,0.1c5.5-11.9,8.4-25.5,8.4-40.4V219.8L507.2,222.2z
                                "/>
                </g>
        </g>
        <g id="Shape_509">
                <g>
                        <path class="st2" d="M187.5,219c-9.1,0-16.5,7.2-16.5,16.2c0,3,0.9,5.9,2.5,8.5l13.1,20.7c0.5,0.9,1.8,0.8,2.3,0l12.8-20.9
                                c1.5-2.5,2.3-5.4,2.3-8.3C204,226.3,196.6,219,187.5,219z M187.5,243.3c-4.6,0-8.3-3.7-8.3-8.1c0-4.5,3.7-8.1,8.3-8.1
                                s8.3,3.6,8.3,8.1C195.8,239.5,192.1,243.3,187.5,243.3z"/>
                </g>
        </g>
        <g id="Rectangle_2624" class="st3">
                <g>
                        <path class="st4" d="M9.7,366c7.6,15.3,19.8,27.9,34.8,36h437.1c15-8.1,27.2-20.7,34.8-36H9.7z"/>
                </g>
        </g>
        <g id="Shape_535">
        </g>
        <g id=&qu.........完整代码请登录后点击上方下载按钮下载查看