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
		.........完整代码请登录后点击上方下载按钮下载查看