gsap实现点击卡片翻转找黑卡片游戏代码

代码语言:html

所属分类:游戏

代码描述:gsap实现点击卡片翻转找黑卡片游戏代码

代码标签: gsap 点击 卡片 翻转 游戏 代码

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


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

<head>

  <meta charset="UTF-8">

  
  
  
  
<style>
body {
  height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  font-family: sans-serif;
  text-shadow: 1px 1px 1px black;
}

.card {
  margin: 20px;
  perspective: 600px;
}

.faces {
  width: 160px;
  height: 220px;
  transform-style: preserve-3d;
}

.face {
  border: 8px solid white;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  backface-visibility: hidden;
}

.front {
  background: #094166;
  /*added for mobile browsers*/
  transform: translateZ(1px);
}

.back {
  transform: rotateY(180deg);
  color: white;
  background: repeating-linear-gradient(70deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}

.loser .front {
  background: black;
}

.loser svg {
  filter: saturate(0);
}

/* page layout */
body,
html {
  width: 100%;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  background: #1d1d1d;
}

* {
  position: relative;
  box-sizing: border-box;
}

.wrapper {
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.front * {
  backface-visibility: hidden;
}

h1,
h3 {
  color: white;
  text-align: center;
}

h3 {
  margin: 0;
  padding: 0;
}

button {
  border: none;
  padding: 15px;
  background-color: #fff;
  color: #000;
}
</style>


</head>

<body>
  <h1>Click Cards to Flip</h1>
<h3>Find the black card</h3>
<div class="wrapper">
	<div class="card">
		<div class="faces">
			<div class="face front">
				<svg id="avatar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 558.89 558.89">
					<defs>
						<style>
							.cls-1 {
								fill: #3d6d98;
							}

							.cls-2 {
								fill: #275d8c;
							}

							.cls-3 {
								fill: #0f4b7f;
							}

							.cls-4 {
								fill: #0f4b80;
							}

							.cls-5 {
								fill: #6198bf;
							}

							.cls-opacity {
								opacity: 0;
							}

							.cls-6 {
								fill: #754c28;
							}

							svg .cls-7 {
								fill: #F8E9A1 !important;
							}

							svg.light .cls-7 {
								fill: #374785 !important;
							}

							.cls-8 {
								fill: #081e25;
							}

							.cls-9 {
								fill: #5d5a58;
							}

							.cls-10 {
								fill: #e5bc97;
							}

							.cls-11 {
								fill: #d7b090;
							}

							.cls-12 {
								fill: #deb593;
							}

							.cls-13 {
								fill: #fefefe;
							}

							.cls-14 {
								fill: #94a4ae;
							}

							.cls-15 {
								fill: #84a1b3;
							}

							.cls-16 {
								fill: #915c33;
							}

							.cls-17 {
								fill: #8f5b32;
							}

							.cls-18 {
								fill: #905c32;
							}

							.cls-19 {
								fill: #905c33;
							}

							.cls-20 {
								fill: #8d5a31;
							}

							.cls-21 {
								fill: #8e5a31;
							}

							.cls-22 {
								fill: #8a5930;
							}

							.cls-23 {
								fill: #925d33;
							}

							.cls-24 {
								fill: #8d5a32;
							}

							.cls-25 {
								fill: #8e5b32;
							}

							.cls-26 {
								fill: #8e5a32;
							}

							.cls-27 {
								fill: #8c5931;
							}

							.cls-28 {
								fill: #6996b4;
							}

							.cls-29 {
								fill: #88572f;
							}

							.cls-30 {
								fill: #f0e7df;
							}

							.cls-31 {
								fill: #8a5830;
							}

							.cls-32 {
								fill: #8a5831;
							}

							.cls-33 {
								fill: #885730;
							}

							.cls-34 {
								fill: #895830;
							}

							.cls-35 {
								fill: #8b5930;
							}

							.cls-36 {
								fill: #87572f;
							}

							.cls-37 {
								fill: #8b5931;
							}

							.cls-38 {
								fill: #935d34;
							}

							.cls-39 {
								fill: #678191;
							}

							.cls-40 {
								fill: #0e5c8a;
							}

							.cls-41 {
								fill: #0e5c89;
							}

							svg.light .cls-40,
							svg.light .cls-56,
							svg.light .cls-42 {
								fill: #F8E9A1 !important;
							}

							.cls-42 {
								fill: #094369;
							}

							.cls-43 {
								fill: #d89b93;
							}

							.cls-44 {
								fill: #e67581;
							}

							.cls-45 {
								fill: #fefdfd;
							}

							.cls-46 {
								fill: #cd9b78;
							}

							.cls-47 {
								fill: #ce9d7a;
							}

							.cls-48 {
								fill: #f2ded6;
							}

							.cls-49 {
								fill: #f5e7e2;
							}

							.cls-50 {
								fill: #d7a985;
							}

							.cls-51 {
								fill: #faf4f1;
							}

							.cls-52 {
								fill: #ebcec3;
							}

							.cls-53 {
								fill: #faf4f3;
							}

							.cls-54 {
								fill: #d8ab87;
							}

							.cls-55 {
								fill: #cc9b78;
							}

							.cls-56 {
								fill: #094268;
							}
						</style>
					</defs>

					<g id="items">
						<g id="avatarPaths">

							<g class="leftArm">
								<path class="cls-7" d="M148.71,344c-5.65,1.21-7.65,6-10.13,10.32a105,105,0,0,0,30,8.83,133.74,133.74,0,0,0,62-5.38,5.08,5.08,0,0,0,2.48-1.16c-3.37-3.29-5.49-7.43-7.88-11.39A183.3,183.3,0,0,1,203,350a112.39,112.39,0,0,1-45.75-3.39C154.37,345.79,151.55,344.88,148.71,344Z" />
								<path class="cls-12" d="M121.27,343.09a36,36,0,0,0-22.46,10.53c-1.59,1.57-2.92,3.41-1.68,5.68s3.56,2.16,5.68,2c7.88-.77,13.82-5.55,20-9.85,2-1.37,3.84-2.91,5.76-4.38a.44.44,0,0,1,.68.1c.11.15.05.32-.11.47-1.84,3-4.19,5.69-5.06,9.23-.82,3.31.57,5.23,4,5.25,3.83,0,6.29-2.4,8.55-5.07.72-.85,1.33-1.78,2-2.67,1.71-.72,2.07-2.52,3-3.84,1.63-2.25,3-4.66,6.06-5.35a1.26,1.26,0,0,0,1.06-1.13c5.9-3.27,11.28-7.16,15.37-12.63a14.14,14.14,0,0,0,1.08-1.61c1.86-3.28,1.88-5.44.11-7.15s-5.09-1.92-7.8-.18c-5.28,3.4-8.86,8.41-12.16,13.61-3,4.73-3,4.87-7.66,2.12-8.77-5.18-17.88-9.48-28-11.44-4.93-1-9.87-1.83-14.91-1.45-2.21.17-4.88.21-5.48,2.87-.56,2.51,1.16,4.29,3.2,5.69a22.92,22.92,0,0,0,5.29,2.47,123.85,123.85,0,0,0,23.47,5.79c.7.56,1.6.51,2.39.82C122.84,342.76,122,342.39,121.27,343.09Z" />
							</g>
							<g id="shirt">
								<g class="leftLeg">
									<path class="cls-8" d="M290.61,432h-5.29c-3.66,0-3.66,0-3.66,3.55V499.6c2.23,0,4.46-.1,6.68,0,1.93.12,2.31-.7,2.3-2.44-.07-10.13,0-20.25,0-30.38Z" />
								</g>
								<g class="rightLeg">
									<path class="cls-8" d="M261.58,499q0-33,.05-66.07c0-2-.54-3.08-2.72-3.25s-4.18-.7-6.27-1.06q0,34.91.05,69.83Z" />
								</g>

								<path class="cls-7" d="M291.22 432.05 c 2.86 -0.2 5.73 -0.58 8.6 -0.56 c 2.15 0 2.61 -0.82 2.58 -2.81 c -0.25 -16.24 -0.4 -32.49 -0.57 -48.73 c 0 -3.53 0 -7.06 -0.05 -10.59 a 1.08 1.08 0 0 0 -1 -0.38 c -4.11 1.28 -8.42 1.82 -12.46 3.35 c -2.58 4.74 -4.26 9.89 -6.63 14.73 a 22.7 22.7 0 0 1 -1.31 2.73 c -1.41 -4.25 -3 -8.19 -4.3 -12.24 c -0.33 -1 -0.52 -2.41 -1.86 -2.52 c -1.17 -0.1 -1.57 1.15 -2.11 2 s -0.95 1.6 -1.48 2.37 c -1.86 3.5 -4 6.86 -6.27 10.61 c -0.83 -5 -1.4 -9.61 -2.08 -14.22 a 16.09 16.09 0 0 0 -1.11 -4.83 c -4 -1.85 -8 -3.52 -12.44 -3.75 q -2.67 17 -5.34 34.08 c -1.16 7.42 -2.32 14.84 -3.54 22.25 c -0.26 1.53 0.56 2 1.74 2.26 l 11 2.87 c 1.17 1.28 2.8 1.32 4.33 1.62 c 3.39 0.67 3.68 1 30.08 1.71 Z" />
								<!--                 <path class="cls-7 hide" d="M291.22,432.05c2.86-.2,5.73-.58,8.6-.56,2.15,0,2.61-.82,2.58-2.81-.25-16.24-.4-32.49-.57-48.73,0-3.53,0-7.06-.05-10.59a1.08,1.08,0,0,0-1-.38c-4.11,1.28-8.42,1.82-12.46,3.35-2.58,4.74-4.26,9.89-6.63,14.73a22.7,22.7,0,0,1-1.31,2.73c-1.41-4.25-3-8.19-4.3-12.24-.33-1-.52-2.41-1.86-2.52-1.17-.1-1.57,1.15-2.11,2s-.95,1.6-1.48,2.37c-1.86,3.5-4,6.86-6.27,10.61-.83-5-1.4-9.61-2.08-14.22a16.09,16.09,0,0,0-1.11-4.83c-4-1.85-8-3.52-12.44-3.75q-2.67,17-5.34,34.08c-1.16,7.42-2.32,14.84-3.54,22.25-.26,1.53.56,2,1.74,2.26l11,2.87c1.17,1.28,2.8,1.32,4.33,1.62,3.39.67,3.68,1,3.69,4.36,0,8.26,0,16.52,0,24.78q0,17.68,0,35.37c0,1.46-.22,3,.89,4.25l.27,0h.28c1.19-1.45.87-3.19.87-4.83q0-28.77,0-57.54c0-.93,0-1.86,0-2.79,0-1.76.69-2.5,2.56-2.29,3.51.41,7,.65,10.57.93,3.85.3,4.05.62,4.05,4.43q0,19.28,0,38.55c0,6.7,0,13.4,0,20.11,0,1.38-.14,2.82.88,4h.27l.27,0c1.22-1.43.91-3.17.91-4.81q0-27.9,0-55.8c0-.83,0-1.67,0-2.51.07-3.26.3-3.47,3.48-3.59,1.56-.05,3.2.26,4.54-.89Z" /> -->
								<path class="cls-opacity hide" d="M281.12,499.61c0-21.49,0-43,0-64.46,0-2.17-.19-3.19-2.88-3.34a90.51,90.51,0,0,1-14.11-1.38c-2-.44-2.05.74-2,2.21,0,9.67,0,19.34,0,29v37.39C268.43,500.19,274.79,499.4,281.12,499.61Z" />
							</g>
							<g class="rightArm">
								<path class="cls-12" d="M412.41,378.26c.92,1.49,1.8,3,2.77,4.47a9.78,9.78,0,0,0,4.53,4c1.86.73,3.84,1.15,5.55-.23s1.3-3.37.89-5.18c-.73-3.25-2.24-6.22-3.17-9.56,1.56,1.64,3.21,3.21,4.67,4.93a73.45,73.45,0,0,0,12,10.78,19.15,19.15,0,0,0,7.88,3.39c1.93.38,3.79.4,5.06-1.29s.63-3.66-.44-5.2a36.33,36.33,0,0,0-12.68-11.52,47.78,47.78,0,0,0-9.59-3.8c4.81-.15,9.6-.44,14.39-.73a83.73,83.73,0,0,0,14-2,15.66,15.66,0,0,0,3.66-1.31c1.87-1,3.56-2.36,3.46-4.66s-2.22-3.06-4.09-3.59c-6.65-1.88-13.45-1.51-20.21-1-9.64.74-18.74,3.69-27.56,7.49-2.17.94-2.91.14-3.64-1.71-2.32-5.89-4.78-11.71-9.07-16.53a10.45,10.45,0,0,0-4.71-3.31c-4.33-1.3-7.51,1.72-6.38,6.09,1,3.79,3.28,6.88,5.7,9.81A61,61,0,0,0,404,366a1.59,1.59,0,0,0,.87,1.33c3.77,1.67,4.85,5.24,6.15,8.65A4.66,4.66,0,0,0,412.41,378.26Z" />
								<path class="cls-7" d="M412.41,378.26c-1.49-5-3-10-8.43-12.29a114.7,114.7,0,0,1-25.23,1.82c-15.34-.4-29.87-4.25-43.87-10.35a104,104,0,0,1-10.71-5.37l-10.25,9.55c3.05,2.81,6.86,4.38,10.51,6.15a135.32,135.32,0,0,0,49.87,13.57,130.76,130.76,0,0,0,35.37-2.66C410.57,378.5,411.5,378.4,412.41,378.26Z" />
							</g>

							<g class="hair">
								<path class="cls-6" d="M399.52,242.18c.47-2.15.93-4.3,1.4-6.48,2.38,1.67,2.4,1.68,3.72-1A34.06,34.06,0,0,0,408,222.09c0-.75-.32-1.66,1-1.88,2.13-.35,3-2,3.52-3.88a86.39,86.39,0,0,0,2.82-17.3c.72,0,.75.7,1.15,1s.9,1.12,1.6.91.53-1.12.53-1.71c0-6.05,0-12.1,0-18.15a17.41,17.41,0,0,1,.62-5.79c3.13,1.76,3.9,1.49,4.61-2.17,1.12-5.7.81-11.45-.09-17.47l2.35,1.51c2.34-9.1,2-18-.05-27.23l2.77,2.16c.26-5-.73-9.57-1.41-14.16a68.07,68.07,0,0,0-7.77-17.11c2.15,0,3.54,1.25,5.69,1.78a67.83,67.83,0,0,0-18.18-24.53c2.92-1.31,2.88-1.28.75-3.58a72.36,72.36,0,0,0-22.77-16.72c-.14-.07-.21-.29-.33-.46.83-.57,2-.22,2.81-1.25-6.36-4.43-13.53-6.84-21.26-8.62L368.93,46a48.68,48.68,0,0,0-23.52-7.6c.95-.64,2.28-.16,3.15-1.39-8.48-5.36-17.32-7.15-27.11-3.16.76-2.08,2.45-2.76,4.12-3.87-5.13-1.47-10.05-.33-14.92-.13a76.52,76.52,0,0,0-9.37,1.22c-1.34.22-2-.64-2.92-1.26-7.61-5.29-15.83-5.72-24.44-3-.4.13-1.07.18-.81.79.12.28.79.33,1.21.48a1.79,1.79,0,0,0,1.26.78,10.31,10.31,0,0,1-1.73-.23,52.72,52.72,0,0,0-20.44,1c-2.44.64-2.45.62-.46,2.84-7.94-.31-15.52.12-23.19,2.86l3.38,1.8c-2.45.58-4.43,1-6.4,1.52a70.25,70.25,0,0,0-20.9,9c-2.77,1.76-2.76,1.78,0,3.69a66,66,0,0,0-24.27,19l6.38-.7a65.43,65.43,0,0,0-13.53,17.54l-3.06,7.76c-.31.79-.74,1.75-.19,2.39s1.39-.58,2.45-.27a61.34,61.34,0,0,0-5.73,15.77,44.89,44.89,0,0,0-.92,8c0,2.24,0,2.24,2.6,1.18-2.06,5.07-3.81,10-4.4,15.26-.08.73-.22,1.47-.23,2.21,0,3.61.71,4.1,4.51,2.48-.79,3.11-1.47,5.91-2.2,8.7-1.21,4.57-2.78,9.05-3.57,13.73-.18,1-1.08,2.3-.1,3.13s1.76-.68,3-.72A118.17,118.17,0,0,0,165,183.17c0,2.25.31,4.33,2.45,5.54,1.18.67.66,1.5.55,2.39-.66,5.28-.84,10.55.88,15.71l.32.14a4.79,4.79,0,0,0,1.56-.41c.4.39.06.83.08,1.24a2,2,0,0,0,.12.77c2.35,2.6,5.26,4.65,7.14,7.71a34.71,34.71,0,0,1,3.1,5.88c.33.85.31,2.15,1.79,2.07,2.59-3.23,3.62-7.25,5.37-10.91,2.63-5.51,5.24-11.05,7.41-16.78a25,25,0,0,0,1.3-3.23,94,94,0,0,0,6.45-25.93,34,34,0,0,0,.19-3.91c0-10-.21-19.93.06-29.89.28-10.63,2.94-20.62,9.54-29.25,5.59-7.31,13-11.53,22.2-11.64,7.42-.09,14.21,2.62,20.64,6.2,7.35,4.09,13.8,9.48,20.54,14.46a84.86,84.86,0,0,0,16.06,9.55c10.6,4.7,21.19,4,31.72-.33,6.55-2.71,12.73-6.19,19.11-9.23,6.19-3,12.6-5.26,19.55-5.18,11.82.15,20.67,5.57,26.37,15.89,6.59,11.94,7.71,24.68,5.08,37.91-1.84,9.32-4.35,18.49-6.61,27.71-3.5,14.22-3.06,28.42-.49,42.66,1.06,5.87,2.11,11.73,3.22,17.59,1.35,2.12,1.73,2.21,3,.38a37.87,37.87,0,0,1,4.87-6C399.08,243.74,399.74,243.15,399.52,242.18Z" />
								<path class="cls-9" d="M273.85,28.6c.67.69,1.46.6,2.64.28l-2.17-.83Z" />
								<path class="cls-16" d="M339.27,83.05a33.75,33.75,0,0,0-6.93,11.59C334.63,90.76,337,86.92,339.27,83.05Z" />
								<path class="cls-17" d="M278.82,40.09a26,26,0,0,0-8.92-1.78A26,26,0,0,0,278.82,40.09Z" />
								<path class="cls-18" d="M410.18,101.88l-7.66-4.74-.4.65,7.67,4.78Z" />
								<path class="cls-19" d="M311.55,56.84v9.65a77.88,77.88,0,0,1,1-9.6Z" />
								<path class="cls-20" d="M364.3,54.08c2.62.91,5.07,2.35,7.93,2.22A21.06,21.06,0,0,0,364.3,54.08Z" />
								<path class="cls-18" d="M296,100.2q-1.51-3.84-3.05-7.67c0,2.93,1.46,5.28,2.26,7.9Z" />
								<path class="cls-17" d="M377.55,71.71l6.31,3.17a10.84,10.84,0,0,0-6.05-3.83Z" />
								<path class="cls-16" d="M314.22,33.9l-7,4.23.35.59,7.1-4.22Z" />
								<path class="cls-21" d="M283.34,30.75a9.23,9.23,0,0,0,7,2.19Z" />
								<path class="cls-19" d="M222.71,69.34a7.59,7.59,0,0,0,6.54,3C227.2,71.1,224.55,71,222.71,69.34Z" />
								<path class="cls-17" d="M400.34,196.81a7.29,7.29,0,0,0,3.68,5.51Z" />
								<path class="cls-16" d="M343,49.13l6.8,1.23A8.65,8.65,0,0,0,343,49.13Z" />
								<path class="cls-22" d="M282.87,105.5c-.93,1.65-.51,3.41-.63,5.57C284,109.09,283.25,107.27,282.87,105.5Z" />
								<path class="cls-20" d="M267.11,60.07c-1.22-2.39-3.19-3-4.73-4.18C263.52,57.44,264.48,59.15,267.11,60.07Z" />
								<path class="cls-18" d="M396.53,206.16c.85,2.11,1.45,4.32,3.28,5.8A14.9,14.9,0,0,0,396.53,206.16Z" />
								<path class="cls-19" d="M413.29,136.47c-1.42-2-2.35-4.35-4.5-5.78C410.25,132.66,411.06,135.09,413.29,136.47Z" />
								<path class="cls-17" d="M197.92,107.87a14.1,14.1,0,0,0,4.92-2.44l-.31-.62-4.92,2.41Z" />
								<path class="cls-20" d="M297.32,85.88c0,2.16.1,4.11,2,5.38Z" />
								<path class="cls-17" d="M241.65,71.15c-1.24-1.65-3-2.46-5.43-3.38C237.77,70.09,240,70.19,241.65,71.15Z" />
								<path class="cls-23" d="M273.75,89.75A52,52,0,0,1,278,95.43C277.74,93,276.8,91.72,273.75,89.75Z" />
								<path class="cls-24" d="M312.12,102.92c1.49-1.41,1.29-3.38,1.8-5.14C312.32,99.13,312.5,101.1,312.12,102.92Z" />
								<path class="cls-17" d="M260.74,86.57c1,1.59,1.75,3.42,3.73,4.62C263.94,88.83,262.28,87.74,260.74,86.57Z" />
								<path class="cls-16" d="M369,87.48a8.55,8.55,0,0,0-5.44-3.64Z" />
								<path class="cls-23" d="M411.59,151c-1-1.81-1.65-3.86-3.35-5.19A11.27,11.27,0,0,0,411.59,151Z" />
								<path class="cls-16" d="M403.55,190.16c0-2.15-1.1-3.78-2-5.53l-.62.28Z" />
								<path class="cls-17" d="M295.7,66.82a7.93,7.93,0,0,0-1.57-5A8.27,8.27,0,0,0,295.7,66.82Z" />
								<path class="cls-16" d="M324.76,52.24a11.69,11.69,0,0,0-4.14,4.12Z" />
								<path class="cls-25" d="M193.52,123.29c-1.51.54-3.23.6-4.86,2.37A8.49,8.49,0,0,0,193.52,123.29Z" />
								<path class="cls-26" d="M251.27,83.84c-1.2-1.1-2.17-2.44-3.94-2.73C248.71,82,249.35,83.73,251.27,83.84Z" />
								<path class="cls-26" d="M283.1,52c-.84-1.51-2.45-1.72-3.81-2.37A5.19,5.19,0,0,0,283.1,52Z" />
								<path class="cls-23" d="M169.83,120.35l2.3-4.57A5.62,5.62,0,0,0,169.83,120.35Z" />
								<path class="cls-27" d="M235.08,81c1.35.61,2.61,1.47,4.34,1C238.09,80.64,236.45,81.29,235.08,81Z" />
								<path class="cls-27" d="M192.77,78.79c-1.67-1.42-3.24-.93-4.65-1.22C189.31,78.55,190.68,78.86,192.77,78.79Z" />
								<path class="cls-21" d="M199.8,70.44c1.35,1.64,2.61,2,4.3,2.67C203.09,71.28,201.79,71,199.8,70.44Z" />
								<path class="cls-25" d="M185.37,176.63c1.88-1,2.18-2.33,2.87-4C186.38,173.56,186.24,175,185.37,176.63Z" />
								<path class="cls-16" d="M402.8,80.68l-3.19-2.31C400.26,79.82,401.09,81,402.8,80.68Z" />
								<path class="cls-17" d="M167.41,161.05c1-1,1.34-2.27,1.73-4.2C167.6,158.26,167.57,159.67,167.41,161.05Z" />
								<path class="cls-20" d="M272.84,100.48c.44,1.09.88,2.18,1.33,3.27l.67-.25C274.44,102.4,274.5,101.12,272.84,100.48Z" />
								<path class="cls-21" d="M330.9,65.74c-1.27.55-1.61,1.61-2.08,3.05C330.56,68.13,330.53,66.78,330.9,65.74Z" />
								<path class="cls-26" d="M214.16,84.09c1.12.13,2.17,1.33,3.75.48C216.68,83.43,215.39,84.07,214.16,84.09Z" />
								<path class="cls-18" d="M412.37,120.53l3.21,2.44c-.47-1.34-1.65-2.12-2.7-3Z" />
								<path class="cls-19" d="M409.19,172.48c-.4,1.57.76,2.3,1.8,3.13Z" />
								<path class="cls-25" d="M335.87,106a3.75,3.75,0,0,0-2.63-2.55C333.77,105,335,105.31,335.87,106Z" />
								<path class="cls-17" d="M312,111.7a4.67,4.67,0,0,0-1.16,3.32A3.23,3.23,0,0,0,312,111.7Z" />
								<path class="cls-19" d="M180.45,137.88a7.71,7.71,0,0,0-1.67,4.19C179.87,140.64,180.48,139.77,180.45,137.88Z" />
								&l.........完整代码请登录后点击上方下载按钮下载查看

网友评论0