jquery+svg实现女孩头部眼神跟随鼠标方向动画效果代码
代码语言:html
所属分类:动画
代码描述:jquery+svg实现女孩头部眼神跟随鼠标方向动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<html> <head> <style> body { background-color: #1F1F1F; overflow: hidden } .frame { position: absolute; width: 100%; height: 100%; overflow: hidden; } .perspective { -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .preserve-3d { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .avatar { position: absolute; transform: scale(0.9); width: 100%; height: 100%; z-index: 20; } svg { position: absolute; overflow: hidden; } #svga-group-hair-back { -webkit-transform: translateZ(90px); transform: translateZ(90px); } #svga-group-ears { -webkit-transform: translateZ(30px); transform: translateZ(30px); } #svga-group-faceshape-single { -webkit-transform: translateZ(40px); transform: translateZ(40px); } #svga-group-eyes { -webkit-transform: translateZ(70px); transform: translateZ(70px); } #svga-group-mouth-single { -webkit-transform: translateZ(75px); transform: translateZ(75px); } #svga-group-nose-single { -webkit-transform: translateZ(85px); transform: translateZ(85px); } #svga-group-hair-front { -webkit-transform: translateZ(90px); transform: translateZ(90px); } a.iprodev { line-height: normal; font-family: VarelaRound, sans-serif; font-weight: 600; text-decoration: none; font-size: 13px; color: #A7AAAE; position: fixed; left: 20px; bottom: 20px; border: 1px solid #A7AAAE; padding: 12px 20px 10px; border-radius: 50px; transition: all .1s ease-in-out; text-transform: uppercase; } a.iprodev:hover { background: #A7AAAE; color: white; } </style> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> </head> <body> <div class="frame perspective"> <div class="parallax preserve-3d avatar"> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-hair-back" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <g> <path d="M156.79,87.186c1.245-4.645,2.08-9.934,2.312-14.214h11.529c1.834,3.925,2.658,6.08,3.9,7.933c-1.84-0.72-3.965-1.467-7.809-4.972c0.318,0.854,4.324,12.487,4.587,14.493c-3.391-2.793-4.635-5.812-6.713-8.063c1.206,8.371,1.873,12.796-2.654,23.504C159.181,90.365,157.449,87.622,156.79,87.186zM34.506,74.599c-0.217,8.956-2.898,15.556-12.347,23.446c2.96-0.94,5.61-2.43,10.271-5.06c0.8-2.13,1.51-4.561,1.79-6.8c-0.82,7.9-5.598,13.347-1.274,22.677c0.606-7.783,3.254-13.309,10.093-17.755c-0.216,0.149-0.716,0.513-1.372,1.089c0.747-0.612,1.527-1.188,2.333-1.728c-1.567-4.835-2.861-12.029-2.909-15.869H34.506z M33.478,81.232c-1.485-1.845-2.84-4.664-3.422-6.633h4.441C34.344,75.986,34.038,79.067,33.478,81.232z" fill="#976f50" stroke-width="none" opacity="1" /> <path d="M173.749,80.275c-1.258-1.878-2.29-4.05-3.289-6.204h1.082c1.02,2.248,2.179,5.013,3.497,7.194c-3.51-1.04-5.28-2.09-7.91-4.72c3.17,7.87,3.66,11.71,5.19,14.94c-4.49-2.72-5.15-6.06-7.49-8.73c1.51,7.79,2.98,13.92-3.43,25.09c0-6.07-1.29-13.851-3.55-19.8c3.289,3.15,3.819,13.52,4.079,17.08c1.011-2.39,1.851-4.84,2.511-7.37c1.75-6.68,0.18-12.78-0.15-15.8c1.913,1.238,4.051,5.872,6.9,8.22c-1.801-4.38-2-6.61-5.399-15.54C168.6,77.325,171.119,79.245,173.749,80.275z M32.749,108.115c-3.38-8.12,0.65-14.03,1.47-21.93c-0.28,2.24-1.09,4.37-1.89,6.5c-4.66,2.63-6.61,4.12-9.57,5.06c9.449-7.89,11.529-13.99,11.747-22.946h-0.108c-0.153,1.387-0.459,3.801-1.019,5.966c-1.485-1.845-2.559-4.216-3.141-6.185l-1.204,0.011c0.695,2.252,2.058,4.925,4.075,7.094c-1.63,6.99-6.84,12.3-12.02,16.88c3.33-0.1,7.88-2.78,10.79-4.66c-2.09,5.7-2.23,10.66,1.77,17.57c-0.246-10.686,5.281-16.878,8.017-19.28c0.656-0.576,1.156-0.94,1.372-1.089C36.199,95.554,33.355,100.333,32.749,108.115z" fill="#784b28" stroke-width="none" opacity="1" /> </g> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-ears" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <g id="svga-group-ears-left" transform="matrix(0.9499999 0 0 0.9499999 2.273779457522963 4.823034586540601) translate(0 1)"> <path id="SvgjsPath3340" d="M47.001 83.974c-1.376-2.313-5.638-7.997-9.98-6.603 -2.749 0.882-3.293 3.765-3.735 6.311 -0.588 3.386 0.471 10.083 1.389 12.503 0.881 2.325 3.533 6.816 5.264 8.527 2.13 2.1 4.775 8.793 5.194 9.487 0.66 1.097 1.536 2.745 4.122 2.538 2.853-0.229 4.584-1.742 5.856-1.999C58.253 114.109 50.582 89.995 47.001 83.974z" fill="#f3d4cf" stroke="#c5796d" stroke-width="1.5" opacity="1" /> <path id="SvgjsPath3341" d="M44.197 97.997c-0.132-0.548 0.007-1.47 0.142-2.362 0.124-0.812 0.24-1.579 0.169-2.121 -0.267-2.032-1.773-5.893-2.757-7.985 -1.132-2.407-2.963-5.439-5.262-6.221 -0.95-0.324-1.575 0.063-1.938 0.456 -0.266 0.289-0.325 0.627-0.238 0.667 0.086 0.04 0.285-0.24 0.572-0.504 0.235-0.216 0.579-0.402 1.051-0.363 -0.19 1.011-1.167 6.49-0.744 10.225 0.333 2.938 1.593 5.131 1.79 5.46 0.029 0.346 0.077 0.685 0.148 1.014 0.929 4.287 4.971 9.163 6.378 10.758 0.259 0.295 0.531 0.47 0.598 0.398 0.066-0.072-0.094-0.364-0.353-0.66 -1.388-1.585-5.391-6.442-6.289-10.579 -0.952-4.389 2.318-10.896 3.048-12.272 0.371 0.646 0.687 1.267 0.93 1.785 0.19 0.406 0.402 0.881 0.619 1.395 -0.429 0.718-3.434 5.958-2.338 10.153 0.406 1.546 2.235 3.54 3.447 4.086 0.667 0.301 0.919 0.75 1.209 1.271 0.336 0.604 0.718 1.288 1.828 1.784 0.225 0.102 0.429 0.142 0.61 0.142 0.313 0 0.551-0.126 0.725-0.276 0.018 0.266 0.017 0.604 0.009 0.917 -0.012 0.404 0.042 0.737 0.137 0.745 0.094 0.008 0.196-0.313 0.207-0.717 0.016-0.496 0.013-1.11-0.072-1.403 -0.248-0.865-1.008-1.841-1.813-2.875C45.221 99.896 44.403 98.844 44.197 97.997zM36.95 94.196c-2.177-6.731 0.656-12.54 1.144-13.464 0.85 0.775 1.6 1.811 2.21 2.824C39.86 84.365 37.041 89.669 36.95 94.196zM46.341 104.042c-1.004-0.447-1.339-1.051-1.666-1.633 -0.293-0.527-0.598-1.072-1.369-1.42 -0.168-0.075-0.352-0.191-0.542-0.323 -2.486-5.906 0.272-8.488 0.963-9.017 0.211 0.722 0.369 1.384 0.439 1.915 0.063 0.488-0.052 1.263-0.167 2.012 -0.142 0.929-0.286 1.89-0.137 2.512 0.226 0.926 1.069 2.009 1.884 3.057 0.723 0.929 1.466 1.888 1.721 2.67C47.359 103.972 47.017 104.345 46.341 104.042z" fill="#c5796d" stroke-width="none" opacity="1" /> </g> <g id="svga-group-ears-right" transform="matrix(0.9499999 0 0 0.9499999 7.713115096609499 4.823034586540601) translate(0 1)"> <path id="SvgjsPath3342" d="M152.736 83.974c1.377-2.313 5.639-7.997 9.98-6.603 2.75 0.882 3.293 3.765 3.736 6.311 0.588 3.386-0.471 10.083-1.389 12.503 -0.881 2.325-3.533 6.816-5.266 8.527 -2.129 2.1-4.775 8.793-5.193 9.487 -0.658 1.097-1.535 2.745-4.121 2.538 -2.854-0.229-4.584-1.742-5.857-1.999C141.484 114.109 149.156 89.995 152.736 83.974z" fill="#f3d4cf" stroke="#c5796d" stroke-width="1.5" opacity="1" /> <path id="SvgjsPath3343" d="M153.727 100.913c-0.805 1.033-1.564 2.009-1.813 2.875 -0.086 0.293-0.088 0.907-0.072 1.403 0.012 0.404 0.113 0.725 0.207 0.717s0.148-0.341 0.137-0.745c-0.008-0.313-0.008-0.651 0.01-0.917 0.174 0.15 0.412 0.276 0.725 0.276 0.182 0 0.385-0.04 0.609-0.142 1.109-0.496 1.492-1.18 1.828-1.784 0.289-0.52 0.543-0.969 1.209-1.271 1.213-0.546 3.041-2.54 3.447-4.086 1.096-4.194-1.908-9.435-2.338-10.153 0.217-0.513 0.43-0.988 0.619-1.395 0.244-0.518 0.559-1.139 0.93-1.785 0.73 1.377 4 7.883 3.049 12.272 -0.896 4.137-4.9 8.994-6.289 10.579 -0.258 0.296-0.418 0.588-0.352 0.66 0.066 0.071 0.338-0.104 0.598-0.398 1.406-1.596 5.449-6.471 6.379-10.758 0.07-0.329 0.117-0.668 0.146-1.014 0.197-0.329 1.459-2.523 1.791-5.46 0.422-3.735-0.555-9.214-0.744-10.225 0.473-0.039 0.814 0.146 1.051 0.363 0.287 0.264 0.486 0.544 0.572 0.504s0.027-0.378-0.238-0.667c-0.363-0.393-0.988-0.779-1.938-0.456 -2.299 0.782-4.131 3.814-5.262 6.221 -0.984 2.093-2.49 5.953-2.758 7.985 -0.072 0.542 0.045 1.309 0.17 2.121 0.135 0.892 0.273 1.814 0.141 2.362C155.336 98.844 154.518 99.896 153.727 100.913zM159.434 83.555c0.611-1.013 1.361-2.049 2.211-2.824 0.488 0.925 3.32 6.733 1.145 13.464C162.697 89.669 159.879 84.365 159.434 83.555zM152.27 103.816c0.254-0.782 0.998-1.741 1.721-2.67 0.816-1.048 1.658-2.131 1.885-3.057 0.148-0.622 0.004-1.583-0.137-2.512 -0.115-0.749-0.23-1.524-0.166-2.012 0.068-0.531 0.227-1.193 0.438-1.915 0.691 0.529 3.449 3.111 0.965 9.017 -0.191 0.132-0.375 0.248-0.543 0.323 -0.771 0.348-1.074 0.893-1.369 1.42 -0.326 0.582-0.662 1.186-1.666 1.633C152.721 104.345 152.379 103.972 152.27 103.816z" fill="#c5796d" stroke-width="none" opacity="1" /> </g> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-faceshape-single" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <path id="SvgjsPath2753" d="M140.204 113.007c0.035 22.275-17.995 40.365-40.273 40.396 -22.274 0.036-40.361-17.993-40.396-40.272C59.501 90.857 77.53 72.77 99.808 72.735 122.083 72.701 140.171 90.73 140.204 113.007z" fill="url(#SvgjsRadialGradient2754)" opacity="1" /> <path id="SvgjsPath2757" d="M135,55.999c0,19.329-15.671,35-35,35c-19.329,0-35-15.671-35-35s15.671-35,35-35C119.329,20.999,135,36.67,135,55.999z" fill="url(#SvgjsRadialGradient2758)" opacity="1" /> <path id="SvgjsPath2914" d="M100.002 0.867C66.381 0.814 39.186 27.899 39.134 61.374c-0.008 5.316 0.669 10.473 1.953 15.389l0.004 0c0.011 0.053 8.713 38.607 14.519 50.351 6.073 12.285 23.814 32.157 44.392 32.157 20.582 0 38.32-19.872 44.392-32.157 5.805-11.743 14.507-50.297 14.519-50.351l0.005 0c1.283-4.916 1.961-10.072 1.952-15.389C160.819 27.899 133.623 0.814 100.002 0.867z" fill="#f3d4cf" stroke-width="none" opacity="1" /> <path id="SvgjsPath2915" d="M120.754 4.453c21.441 9.336 36.411 30.632 36.45 55.454 0.008 5.316-0.669 10.473-1.953 15.389l-0.005 0c-0.011 0.053-8.713 38.607-14.519 50.352 -5.709 11.548-21.608 31.944-40.725 31.944s-35.016-20.396-40.725-31.944c-5.806-11.744-14.507-50.298-14.519-50.352l-0.004 0c-1.284-4.916-1.962-10.072-1.953-15.389 0.038-24.822 15.008-46.118 36.45-55.454 -23.386 8.412-40.076 30.705-40.117 56.92 -0.008 5.316 0.669 10.473 1.953 15.389l0.004 0c0.011 0.053 8.713 38.607 14.519 50.351 6.073 12.285 23.814 32.157 44.392 32.157 20.579 0 38.319-19.872 44.392-32.157 5.805-11.743 14.507-50.297 14.519-50.351l0.005 0c1.283-4.916 1.961-10.072 1.952-15.389C160.83 35.158 144.14 12.865 120.754 4.453z" fill="#ebc3bd" stroke-width="none" opacity="1" /> <path id="SvgjsPath2916" d="M100.002 0.867C66.381 0.814 39.186 27.899 39.134 61.374c-0.008 5.316 0.669 10.473 1.953 15.389l0.004 0c0.011 0.053 8.713 38.607 14.519 50.351 6.073 12.285 23.814 32.157 44.392 32.157 20.582 0 38.32-19.872 44.392-32.157 5.805-11.743 14.507-50.297 14.519-50.351l0.005 0c1.283-4.916 1.961-10.072 1.952-15.389C160.819 27.899 133.623 0.814 100.002 0.867z" fill="none" stroke="#c5796d" stroke-width="1.5" opacity="1" /> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-mouth-single" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <g transform="matrix(1.1500005200000003 0 0 1.1500005200000003 -14.979727222509794 -20.15871970936925)"> <path id="SvgjsPath3344" d="M99.867 141.087c-4.159 0-7.258-4.297-7.258-4.297 7.261 3.32 14.915 0 14.915 0S103.516 141.087 99.867 141.087z" fill="url(#SvgjsLinearGradient3345)" opacity="1" /> <path id="SvgjsPath3348" d="M112.127 131.943c0 0.625-7.773 3.456-12.258 3.575 -4.18 0.112-12.333-2.682-12.333-3.575 0-0.892 6.441-1.558 12.729-1.558C106.555 130.386 112.127 131.052 112.127 131.943z" fill="#ffffff" stroke-width="none" opacity="1" /> <path id="SvgjsPath3349" d="M95.441 127.853c0.99-0.131 2.728 0.908 4.824 0.909 1.541 0.002 3.426-1.067 4.612-0.909 2.529 0.341 3.857 1.882 10.491 2.47 0 0-3.22 1.083-4.075 1.15 -2.72 0.216-7.215-0.169-11.287-0.181 -4.556-0.02-8.941 0.43-11.697 0.301 -0.994-0.051-3.941-1.137-3.941-1.137C89.901 130.196 92.547 128.235 95.441 127.853zM84.369 130.818c0 0 4.514 3.538 6.253 4.76 2.007 1.411 5.029 3.623 9.474 3.557 3.563-0.058 6.641-1.816 8.477-2.986 1.978-1.259 6.796-5.463 6.796-5.463 -2.77 0.633-2.77 0.633-4.075 1.149 -2.741 1.084-7.477 2.722-11.173 2.722 -4.563 0-8.936-1.639-11.811-2.603C86.315 131.286 84.369 130.818 84.369 130.818z" fill="#92002a" stroke="#830026" stroke-width="0.75" opacity="1" /> <path id="SvgjsPath3350" d="M115.592 130.572c-0.458 0.663-2.14 0.715-2.888 0.977 -1.098 0.383-2.162 0.856-3.259 1.245 -2.693 0.954-5.51 1.792-8.375 1.98 -5.336 0.351-10.599-1.808-15.596-3.41 -0.424-0.136-0.994-0.175-1.359-0.449 -0.326-0.244-0.015-0.768 0.336-0.701 1.051 0.199 2.092 0.731 3.141 0.994 1.224 0.308 2.583 0.16 3.832 0.113 1.592-0.059 3.184-0.146 4.777-0.207 2.927-0.109 5.842-0.053 8.768 0.059 2.621 0.101 5.366 0.402 7.915-0.332 0.688-0.199 1.379-0.399 2.047-0.656C115.179 130.09 115.94 130.07 115.592 130.572 115.415 130.828 115.632 130.515 115.592 130.572zM108.39 131.773c-3.415 0.013-6.822-0.286-10.24-0.217 -1.874 0.038-3.745 0.139-5.617 0.219 -0.566 0.024-1.625-0.143-2.11 0.204 -0.466 0.334 1.182 0.807 1.325 0.852 3.306 1.039 6.829 1.78 10.304 1.346 1.704-0.214 3.382-0.632 5.023-1.13 0.64-0.195 1.439-0.341 1.987-0.743C109.635 131.883 108.656 131.773 108.39 131.773 107.333 131.777 109.492 131.771 108.39 131.773z" fill="#64001d" stroke-width="none" opacity="1" /> <path id="SvgjsPath3351" d="M99.901 138.136c-4.165 0-7.465-2.404-10.634-4.801 7.714 2.61 14.222 2.572 21.819-0.346C107.874 135.609 104.215 138.095 99.901 138.136zM93.601 130.478c5.567-0.262 11.102 0.228 16.657 0.047 -1.847-0.453-3.623-1.426-5.512-1.681 -1.452-0.142-2.984 0.918-4.481 0.918 -1.633-0.001-3.113-0.918-4.692-0.918 -2.024 0.27-3.923 1.229-5.881 1.771C90.996 130.593 92.299 130.547 93.601 130.478 95.469 130.39 92.18 130.543 93.601 130.478z" fill="#a1103a" stroke-width="none" opacity="1" /> <path id="SvgjsPath3352" d="M95.134 136.031c1.596 0.319 3.265 0.525 4.987 0.525 1.453 0 3.029-0.222 4.598-0.563 -1.384 0.624-2.973 1.132-4.654 1.141C98.283 137.145 96.471 136.67 95.134 136.031z" fill="#b1234c" stroke-width="none" opacity="1" /> </g> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-eyes" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <g id="svga-group-eyes-left" transform="matrix(1.00000011 0 0 1.00000011 -0.000008195990290005284 -0.000009679945023322034)"> <g id="svga-group-eyesback-left"> <path id="SvgjsPath3355" d="M61.952 84.523c-0.506-2.285 5.191-3.973 12.711-3.051 7.518 0.923 12.738 5.524 12.052 7.844 -0.38 1.286-10.639 3.245-14.253 2.847C68.798 91.758 63.174 90.04 61.952 84.523z" fill="url(#SvgjsRadialGradient3356)" opacity="1" /> </g> <g id="svga-group-eyesiriswrapper-left" transform="translate(-0.75 -0.5)"> <g id="svga-group-eyesiriscontrol-left"> <g id="svga-group-eyesiris-left"> <path id="SvgjsPath3166" d="M83.199 89.25c-1.231 4.522-5.896 7.187-10.429 5.944 -4.528-1.241-7.203-5.918-5.97-10.442 1.23-4.526 5.905-7.19 10.434-5.947C81.761 80.045 84.433 84.723 83.199 89.25z" fill="#3e4442" stroke="#0e1613" stroke-width="0.5" opacity="1" /> <path id="SvgjsPath3167" d="M81.878 89.354c-1.202 3.473-4.827 5.499-8.357 4.531 -3.258-0.894-5.315-4.02-5.048-7.325 1.209-0.096 2.532-0.124 3.904-0.056 -0.014 0.047-0.039 0.087-0.051 0.136 -0.434 1.594 0.576 3.265 2.256 3.726 1.685 0.461 3.401-0.462 3.835-2.056 0.055-0.208 0.085-0.417 0.093-0.623C79.66 88.108 80.792 88.651 81.878 89.354z" fill="#535353" stroke-width="none" opacity="1" /> <path id="SvgjsPath3168" d="M76.151 84.464c-1.703-0.487-3.44 0.485-3.88 2.181 -0.44 1.687 0.584 3.454 2.286 3.942 1.705 0.489 3.443-0.484 3.884-2.173C78.884 86.719 77.855 84.953 76.151 84.464zM76.523 90.46c-0.708 0.22-1.441-0.072-1.636-0.655 -0.188-0.582 0.231-1.228 0.945-1.443 0.712-0.22 1.442 0.073 1.639 0.651C77.665 89.593 77.241 90.24 76.523 90.46z" fill="#000000" stroke-width="none" opacity="0.9" /> <path id="SvgjsPath3169" d="M70.482 91.476c-0.523 0.314-1.307 0.034-1.754-0.633 -0.448-0.66-0.381-1.451 0.145-1.767 0.521-0.311 1.311-0.03 1.755 0.632C71.07 90.37 71.006 91.162 70.482 91.476z" fill="#ffffff" stroke-width="none" opacity="0.6" /> <path id="SvgjsPath3170" d="M81.673 86.632c-1.198 0.718-2.999 0.072-4.02-1.445 -1.02-1.518-0.867-3.331 0.332-4.047 1.196-0.721 3-0.074 4.015 1.444C83.019 84.101 82.871 85.913 81.673 86.632z" fill="#ffffff" stroke-width="none" opacity="0.9" /> </g> </g> </g> <g id="svga-group-eyesfront-left"> <path id="SvgjsPath3377" d="M55.5 88c0 13.807 8.06 24.999 18 24.999s18-11.192 18-24.999c0-13.808-8.06-25-18-25S55.5 74.192 55.5 88zM61.952 84.523c-0.506-2.285 5.191-3.973 12.711-3.051 7.518 0.923 12.738 5.524 12.052 7.844 -0.38 1.286-10.639 3.245-14.253 2.847C68.798 91.758 63.174 90.04 61.952 84.523z" fill="#f3d4cf" stroke-width="none" opacity="1" /> <path id="SvgjsPath3378" d="M72.462 92.163c3.614 0.398 13.873-1.561 14.253-2.847 0.687-2.32-4.534-6.921-12.052-7.844 -6.46-0.792-11.563 0.345-12.556 2.128 0.898-6.4 7.7-11.397 15.987-11.434 8.911-0.037 16.148 5.676 16.172 12.765 0.021 7.088-7.185 12.862-16.095 12.902 -8.913 0.037-16.149-5.676-16.173-12.764 0-0.105 0.016-0.208 0.019-0.313C63.348 90.083 68.852 91.764 72.462 92.163z" fill="url(#SvgjsRadialGradient3379)" opacity="1" /> <path id="SvgjsPath3383" d="M61.952 84.523c-0.506-2.285 5.191-3.973 12.711-3.051 7.518 0.923 12.738 5.524 12.052 7.844 -0.38 1.286-10.639 3.245-14.253 2.847C68.798 91.758 63.174 90.04 61.952 84.523z" fill="url(#SvgjsRadialGradient3384)" opacity="1" /> <path id="SvgjsPath3387" d="M62.349 79.417c4.208-1.978 9.35-2.16 13.838-1.005 2.404 0.561 4.965 1.285 7.063 2.638 1.945 1.135 3.525 2.5 5.002 4.19 -1.342-1.701-2.773-3.118-4.623-4.27 -2.276-1.416-4.769-2.294-7.364-2.916C71.678 76.928 66.542 77.184 62.349 79.417z" fill="#c5796d" stroke-width="none" opacity="1" /> <path id="SvgjsPath3388" d="M57.318 80.972c0 0 2.328 0.881 3.595 0.62 -0.39-0.459-1.096-1.604-1.096-1.604s1.853 0.551 3.151 0.032c0.88-0.352 4.065-1 5.456-1.066 1.687-0.082 5.073 0.125 6.735 0.424 3.374 0.608 8.985 2.63 11.678 7.184 0.255 0.572 1.407 0.921 1.407 0.921s-1.02-0.215-1.149 0.042c-0.282 0.561 1.298 2.016 1.496 2.197 -0.161-0.145-1.289-1.135-1.722-0.967 -0.061 0.022-0.137 0.388-0.155 0.482 0.3-2.426-4.838-6.746-12.052-7.604 -7.52-0.894-13.217 0.743-12.711 2.958 1.222 5.348 6.846 7.013 10.51 7.405 2.526 0.271 8.298-0.577 11.675-1.537l1.011-0.317c-1.999 1.009-7.524 2.195-9.767 2.403 -0.744 0.07-2.24 0.104-2.986 0.085 -5.949-0.158-10.16-3.179-11.729-7.26 -0.125-0.328-0.494-0.619-0.838-0.696 -1.604-0.361-5.096-1.811-5.096-1.811 2.32 0.361 3.483 0.674 5.305 0.059C58.257 82.256 57.318 80.972 57.318 80.972z" fill="#000000" stroke-width="none" opacity="1" /> </g> </g> <g id="svga-group-eyes-right" transform="matrix(1.00000011 0 0 1.00000011 -0.000013804010123408261 -0.000009679945023322034)"> <g id="svga-group-eyesback-right"> <path id="SvgjsPath3362" d="M138.048 84.523c0.506-2.285-5.191-3.973-12.711-3.051 -7.518 0.923-12.738 5.524-12.052 7.844 0.38 1.286 10.639 3.245 14.253 2.847C131.202 91.758 136.826 90.04 138.048 84.523z" fill="url(#SvgjsRadialGradient3363)" opacity="1" /> </g> <g id="svga-group-eyesiriswrapper-right" transform="translate(0.75 -0.5)"> <g id="svga-group-eyesiriscontrol-right"> <g id="svga-group-eyesiris-right"> <path id="SvgjsPath3171" d="M133.199 89.25c-1.231 4.522-5.896 7.187-10.429 5.944 -4.528-1.241-7.203-5.918-5.97-10.442 1.23-4.526 5.905-7.19 10.434-5.947C131.761 80.045 134.433 84.723 133.199 89.25z" fill="#3e4442" stroke="#0e1613" stroke-width="0.5" opacity="1" /> <path id="SvgjsPath3172" d="M131.878 89.354c-1.202 3.473-4.827 5.499-8.357 4.531 -3.258-0.894-5.315-4.02-5.048-7.325 1.209-0.096 2.532-0.124 3.904-0.056 -0.014 0.047-0.039 0.087-0.051 0.136 -0.434 1.594 0.576 3.265 2.256 3.726 1.685 0.461 3.401-0.462 3.835-2.056 0.055-0.208 0.085-0.417 0.093-0.623C129.66 88.108 130.792 88.651 131.878 89.354z" fill="#535353" stroke-width="none" opacity="1" /> <path id="SvgjsPath3173" d="M126.151 84.464c-1.703-0.487-3.44 0.485-3.88 2.181 -0.44 1.687 0.584 3.454 2.286 3.942 1.705 0.489 3.443-0.484 3.884-2.173C128.884 86.719 127.855 84.953 126.151 84.464zM126.523 90.46c-0.708 0.22-1.441-0.072-1.636-0.655 -0.188-0.582 0.231-1.228 0.945-1.443 0.712-0.22 1.442 0.073 1.639 0.651C127.665 89.593 127.241 90.24 126.523 90.46z" fill="#000000" stroke-width="none" opacity="0.9" /> <path id="SvgjsPath3174" d="M120.482 91.476c-0.523 0.314-1.307 0.034-1.754-0.633 -0.448-0.66-0.381-1.451 0.145-1.767 0.521-0.311 1.311-0.03 1.755 0.632C121.07 90.37 121.006 91.162 120.482 91.476z" fill="#ffffff" stroke-width="none" opacity="0.6" /> <path id="SvgjsPath3175" d="M131.673 86.632c-1.198 0.718-2.999 0.072-4.02-1.445 -1.02-1.518-0.867-3.331 0.332-4.047 1.196-0.721 3-0.074 4.015 1.444C133.019 84.101 132.871 85.913 131.673 86.632z" fill="#ffffff" stroke-width="none" opacity="0.9" /> </g> </g> </g> <g id="svga-group-eyesfront-right"> <path id="SvgjsPath3397" d="M126.5 63c-9.94 0-18 11.192-18 25 0 13.807 8.06 24.999 18 24.999s18-11.192 18-24.999C144.5 74.192 136.44 63 126.5 63zM127.538 92.163c-3.614 0.398-13.873-1.561-14.253-2.847 -0.687-2.32 4.534-6.921 12.052-7.844 7.52-0.922 13.217 0.767 12.711 3.051C136.826 90.04 131.202 91.758 127.538 92.163z" fill="#f3d4cf" stroke-width="none" opacity="1" /> <path id="SvgjsPath3398" d="M127.538 92.163c-3.614 0.398-13.873-1.561-14.253-2.847 -0.687-2.32 4.534-6.921 12.052-7.844 6.46-0.792 11.563 0.345 12.556 2.128 -0.898-6.4-7.7-11.397-15.987-11.434 -8.911-0.037-16.148 5.676-16.172 12.765 -0.021 7.088 7.185 12.862 16.095 12.902 8.913 0.037 16.149-5.676 16.173-12.764 0-0.105-0.016-0.208-0.019-0.313C136.652 90.083 131.148 91.764 127.538 92.163z" fill="url(#SvgjsRadialGradient3399)" opacity="1" /> <path id="SvgjsPath3403" d="M138.048 84.523c0.506-2.285-5.191-3.973-12.711-3.051 -7.518 0.923-12.738 5.524-12.052 7.844 0.38 1.286 10.639 3.245 14.253 2.847C131.202 91.758 136.826 90.04 138.048 84.523z" fill="url(#SvgjsRadialGradient3404)" opacity="1" /> <path id="SvgjsPath3407" d="M137.651 79.417c-4.208-1.978-9.35-2.16-13.838-1.005 -2.404 0.561-4.965 1.285-7.063 2.638 -1.945 1.135-3.525 2.5-5.002 4.19 1.342-1.701 2.773-3.118 4.623-4.27 2.276-1.416 4.769-2.294 7.364-2.916C128.322 76.928 133.458 77.184 137.651 79.417z" fill="#c5796d" stroke-width="none" opacity="1" /> <path id="SvgjsPath3408" d="M142.682 80.972c0 0-2.328 0.881-3.595 0.62 0.39-0.459 1.096-1.604 1.096-1.604s-1.853 0.551-3.151 0.032c-0.88-0.352-4.065-1-5.456-1.066 -1.687-0.082-5.073 0.125-6.735 0.424 -3.374 0.608-8.985 2.63-11.678 7.184 -0.255 0.572-1.407 0.921-1.407 0.921s1.02-0.215 1.149 0.042c0.282 0.561-1.298 2.016-1.496 2.197 0.161-0.145 1.289-1.135 1.722-0.967 0.061 0.022 0.137 0.388 0.155 0.482 -0.3-2.426 4.838-6.746 12.052-7.604 7.52-0.894 13.217 0.743 12.711 2.958 -1.222 5.348-6.846 7.013-10.51 7.405 -2.526 0.271-8.298-0.577-11.675-1.537l-1.011-0.317c1.999 1.009 7.524 2.195 9.767 2.403 0.744 0.07 2.24 0.104 2.986 0.085 5.949-0.158 10.16-3.179 11.729-7.26 0.125-0.328 0.494-0.619 0.838-0.696 1.604-0.361 5.096-1.811 5.096-1.811 -2.32 0.361-3.483 0.674-5.305 0.059C141.743 82.256 142.682 80.972 142.682 80.972z" fill="#000000" stroke-width="none" opacity="1" /> </g> </g> <g id="svga-group-eyebrows-left" transform="matrix(0.89999969 0 0 0.89999969 7.364472521566498 6.92802135472931)"> <path id="SvgjsPath3353" d="M52.488 73.87c7.475-9.383 20.338-7.822 30.878-6.314 2.681 0.384 5.441 0.672 8.07 1.336 1.884 0.475 3.365 2.622 1.851 4.356 -0.708 0.825-2.253 0.672-3.207 0.652C77.459 73.645 63.193 66.387 52.488 73.87z" fill="#a68469" stroke-width="none" opacity="1" /> </g> <g id="svga-group-eyebrows-right" transform="matrix(0.89999969 0 0 0.89999969 12.642938515497661 6.987321770493622)"> <path id="SvgjsPath3354" d="M147.577 73.49c-2.164-1.448-4.454-2.47-7.043-2.889 -9.497-1.54-27.586 4.79-32.341 3.45 -2.912-0.822-2.323-3.739-1.035-4.458 0.775-0.433 0.99-0.422 7.909-1.612C126.824 65.961 139.988 64.355 147.577 73.49z" fill="#a68469" stroke-width="none" opacity="1" /> </g> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-nose-single" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <g transform="matrix(1.0500001 0 0 1.0500001 -5.001484955647669 -5.303535578058259)"> <path id="SvgjsPath2941" d="M92.281 116.235c-0.745 2.063 5.028 4.289 7.218 4.426 2.374 0.147 9.024-2.899 7.896-4.991 -1.185-2.197-5.63-0.286-7.547-0.286C97.94 115.384 93.276 113.479 92.281 116.235z" fill="#e4b3ab" stroke-width="none" opacity="1" /> <path id="SvgjsPath2942" d="M102.207 117.221c-0.243-0.522 1.194-1.333 1.748-1.493 0.777-0.226 2.505 0.238 2.438 0.831 -0.06 0.521-1.603-0.169-2.105-0.022C103.767 116.687 102.435 117.712 102.207 117.221zM95.214 116.742c0.706 0 1.753 0.457 1.945 0.057 0.229-0.479-1.56-1.065-2.086-1 -0.434 0.052-1.991 0.958-1.777 1.338C93.496 117.49 94.284 116.742 95.214 116.742z" fill="#c5796d" stroke-width="none" opacity="1" /> <path id="SvgjsPath2943" d="M99.857 113.479c0.669 0 1.807-0.637 1.978-1.9 0.754-5.575-0.521-20.246-1.978-20.246 -1.365 0-2.508 15.024-2.155 20.246C97.789 112.86 99.099 113.479 99.857 113.479" fill="#ffffff" stroke-width="none" opacity="0.2" /> </g> </g> </svg> <svg xmlns="http://www.w3.org/2000/svg" id="svga-group-hair-front" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230"> <g transform="translate(0 10)"> <path id="SvgjsPath3490" d="M142.198 28.734c-9.237-8.79-44.549-0.761-55.197 0.239C76.86 29.755 63.475-1.366 43.396 78.452c0.045 3.839 1.29 10.633 2.796 15.468 0.145-0.101 0.286-0.208 0.431-0.306 0 0-0.518 3.257 6.058 14.39 -0.348-8.073 1.212-13.893 2.492-21.414 15.709-19.987 30.389-24.674 41.56-28.155C89.233 67.19 81.814 75.225 78.568 84c13.647-9.576 32.409-28.884 32.409-28.884S109.574 59.819 83.292 84c10.943-2.679 31.345-13.679 45.636-34.951 2.746 4.5-12.4 30.794-12.827 31.801 7.663-6.086 18.079-14.636 20.755-24.62 0 0 1.571 4.043 2.662 8.635 2.878 12.162 2.904 27.281 3.429 31.125 1.665-8.721 1.925-18.482 1.922-18.355 3.905 17.893 0.419 30.394 0.352 34.724 5.198-10.435 10.604-22.897 12.177-34.534C157.396 77.824 145.779 27.134 142.198 28.734z" fill="#a68469" stroke-width="none" opacity="0.1" /> <path id="SvgjsPath3491" d="M170.618 67.866c-0.08-5.39-1.12-13.92-2.921-18.78 3.28 3.39 7.41 7.39 10.78 9.5 -4.46-3.86-5.841-7.16-15.921-28.3 -6.189-12.98-10.287-26.75-22.378-28.37 -4.079-0.56-8.05 0.99-11.779 2.59 -9.61-8.79-21.59-12.331-32.67-11.331 -33.88 2.51-42.917 24.391-61.037 28.771 2.84 0.83 7.616-0.468 10.336-1.748 -3.75 5.06-2.4.........完整代码请登录后点击上方下载按钮下载查看
网友评论0