视差鼠标跟随

下载代码

html

css

js

分享到微信朋友圈

X

html

<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.422 4.531-10.692 12.801 -3.37 3.34-6.483 7.444-10.543 9.854 5.449-0.681 8.312-4.834 16.282-9.104 -1.15 1.84-5.249 8.094-11.929 14.494 -2.87 2.74-7.599 6.584-10.899 8.914 2.41-0.96 9.489-3.726 15.608-9.152 -3.169 4.531-12.261 12.94-8.145 29.881 0.832-7.406-0.001-16.415 7.048-20.895 -0.784 3.301-3.814 10.222-1.603 17.708H41.09c0.047 3.839 1.341 10.934 2.909 15.769 0.151-0.101 0.297-0.208 0.449-0.306 0 0 0.502 3.257 7.343 14.39 -0.364-8.073 0.222-13.893 1.553-21.414 16.345-19.987 31.619-24.674 43.241-28.155 -7.804 8.755-13.814 18.837-17.193 27.612 11.046-11.66 33.834-29.767 33.834-29.767s-0.364 4.866-27.712 29.046c9.449-5.795 29.698-15.006 44.566-36.278 2.858 4.5-10.819 30.794-11.264 31.801 7.974-6.086 14.646-16.636 17.435-26.62 0 0 3.716 6.043 4.847 10.635 2.995 12.162 1.984 22.281 2.528 26.125 1.732-8.721 3.042-13.482 3.039-13.355 4.066 17.893-0.604 32.394-0.672 36.724 5.406-10.434 12.072-24.997 13.709-36.634H171.3C170.631 69.944 171.127 69.932 170.618 67.866z"
        fill="#a68469" stroke-width="none" opacity="1" />
        <path id="SvgjsPath3492" d="M177.236 37.286c-3.811-0.17-5.876 0.099-10.356-0.261 -0.67-1.53-2.738-5.55-3.438-7.07C166.941 33.055 174.206 36.976 177.236 37.286z" fill="#875d3b" stroke-width="none" opacity="1" />
        <path id="SvgjsPath3493" d="M40.385 33.266c-7.787 4.224-11.305 8.458-15.656 9.179 4.06-2.41 6.46-5.99 9.83-9.33 8.27-8.27 7.26-8.3 11.01-13.36 -2.604 1.225-7.117 2.837-9.989 2.247C49.1 20.922 63.972 3.71 80 6 63.505 7.833 49.533 19.744 40.385 33.266zM118.817 77.397c11.188-23.146 11.904-26.578 11.264-31.801 -13.432 19.217-40.876 34.016-44.566 36.278 16.33-14.438 23.567-24.358 26.301-27.924C89.192 71.938 89.208 72.234 79.392 82.595c5.663-14.707 2.783-11.447 17.193-27.612 -6.263 1.876-11.361 3.689-15.442 5.618 0.567-1.342 0.738-2.05 2.64-4.833 7.124-4.361 21.086-15.032 31.086-18.481 -3.529 2.783-5.345 6.283-8.84 9.096 5.358-1.356 11.907-2.056 22.24-7.796 -0.553 0.442 17.922-8.631 11.935-19.03 3.684 2.625 0.95 13.336-0.784 23.305 3.888 5.373 4.755 11.915 6.033 18.583 0.121-2.193 0.47-7.496 0.016-9.648 2.284 5.926 5.567 13.815 5.526 22.481C155.411 62.569 152 52 152 41c3.791 6.331 5.29 17.906 6.192 25.033 0.916-4.582 1.52-8.026-0.544-14.033 1.302 1.624 3.089 2.834 4.352 5 -1.721-9.445-4.858-16.042-9.204-22.833C156.921 38.936 163 43 165 49c-1-11-5-22-12-31 3.743 4.367 7.097 8.734 10.061 13.343 9.618 20.183 11.033 23.448 15.417 27.242 -3.37-2.11-7.5-6.109-10.78-9.5 1.801 4.86 2.841 13.39 2.921 18.78 0.509 2.065 0.013 2.178 0.682 6.505h-11.597c-1.637 11.637-8.303 26.1-13.709 36.534 0.066-4.227 4.514-18.146 0.944-35.449 -0.088-0.424-0.175-0.847-0.272-1.275 0.003-0.127-1.307 4.635-3.039 13.355 -0.544-3.844 0.467-13.963-2.528-26.125 -1.131-4.592-4.847-10.635-4.847-10.635C128.832 69.641 120.864 76.769 118.817 77.397zM94.869 43.184C85.796 45.839 77 53 70 60c2-3 3-7 6-10 5-10 14-17 21-25 -15 9-24 22-35 35 3-6 6-14 11-19 -10 5-12 15-19 23 4-32 34-69 69-58C88.059-7.698 53.547 29.071 45.395 68.148 45.361 64.358 45.921 43.079 54 35c-8 6-10 16-15 23 -0.814-4.072 1.024-7.481 2.274-10.767 -1.054 1.576-3.016 2.758-4.23 4.512C39.577 43.671 42.073 35.284 50 30c-4.726 2.363-8.216 5.96-12.902 8.362 -2.15 2.944-5.13 6.637-8.769 10.124 -2.87 2.74-6.98 5.88-10.28 8.21 2.41-0.96 9.3-4.7 15.47-9.49 -2.95 4.77-12.27 12.74-8.9 29.41 0.33-7.42 0.52-15.68 7.57-20.16C31.405 59.757 28.145 67.514 30.356 75H41.09c0.047 3.839 1.341 10.633 2.909 15.468 0.151-0.101 0.297-0.208 0.449-0.306 0 0 0.318 1.985 3.66 8.081 0.96 1.751 2.157 3.824 3.684 6.309 -0.364-8.073 0.222-13.893 1.553-21.414 9.843-12.036 19.295-18.52 27.798-22.537C81.859 58.904 84.681 51.958 94.869 43.184z"
        fill="#976f50" stroke-width="none" opacity="1" />
        <path id="SvgjsPath3494" d="M39.14 35.028C50.711 12.323 73.942 5.8 82.235 5.829 64.286 9.892 51.536 17.819 39.14 35.028zM112.286 4.067C99.313 3.229 75.107 11.58 62.155 38.708 76.494 13.067 102.913 3.465 112.286 4.067zM144.313 7.883c-0.668-0.242-1.258-0.718-1.929-0.979 -7.811-3.035-14.957 2.381-15.565 7.654C127.992 9.383 135.786 4.803 144.313 7.883zM138.188 11.621c12.901-3.002 23.234 21.063 23.497 22.066C159.6 25.7 150.582 7.854 138.528 10.768c-3.965 0.959-7.038 3.953-9.309 7.198C131.586 15.113 134.468 12.47 138.188 11.621zM92.531 49.976c7.02-5.938 39.023-15.771 37.895-29.705C130.234 32.882 105.025 39.407 92.531 49.976zM123.893 16.667c-2.088-0.968-6.35-4.938-17.326 1.636C88.869 28.902 77.858 46.716 75.207 51.149 83.655 39.44 109.684 10.093 123.893 16.667z"
        fill="#875d3b" stroke-width="none" opacity="1" />
        <path id="SvgjsPath3495" d="M77.774 9.337C58.393 16.2 45.395 30.218 45.395 30.218 54.68 20.083 63.288 12.957 77.774 9.337zM52.747 32.614c1.826-3.136 16.3-19.207 24.673-22.069C68.571 12.888 57.47 24.503 52.747 32.614zM72.415 30.195c0 0 14.956-18.491 31.382-22.259C90.858 9.004 79.387 19.403 72.415 30.195zM91.168 35.718c0.92-1.296 18.853-16.116 26.805-18.162C109.279 18.78 93.755 32.075 91.168 35.718zM106.619 29.037c1.081-1.479 8.328-8.794 17.066-9.925C115.821 19.303 111.162 22.824 106.619 29.037zM98.693 39.328c4.613-6.021 17.328-8.604 25.865-17.449C116.765 29.092 105.065 31.012 98.693 39.328zM114.135 42.83c1.002 0 18.698-9.222 22.402-13.077 3.405-3.543 3.938-7.255 1.396-8.925 3.425 3.821-1.259 7.586-3.095 9.151C133.101 31.461 125.346 36.745 114.135 42.83 114.136 42.83 115.105 42.303 114.135 42.83zM133.194 36.025c6.469-4.646 10.608-13.196 6.736-16.54 -1.339-1.156-3.436-1.577-5.168-1.556 1.738-0.021 4.151 0.622 5.297 1.993 4.005 4.778-3.688 12.915-8.86 16.402 -7.433 5.012-16.3 7.966-24.96 10.046C115.538 44.373 125.367 41.646 133.194 36.025zM74.46 34.228c0 0 12.903-15.915 26.442-21.077 1.596-0.608 3.241-0.829 4.901-1.161C93.18 13.181 81.436 23.811 74.46 34.228zM71.001 43.084c1-0.716 18.004-20.675 33.561-26.663C91.336 19.74 78.568 31.611 71.001 43.084zM159.665 35.255c-0.596-1.001-5.457-18.448-15.779-16.404C150.81 18.188 156.162 28.076 159.665 35.255zM150.497 54.228c0.147-4.855 2.044-15.259-6.717-23.478C148.394 36.237 150.662 45.406 150.497 54.228z"
        fill="#b59a85" stroke-width="none" opacity="1" />
        <path id="SvgjsPath3496" d="M183.02 61.345c-8.591-7.05-8.95-8.69-15.57-23.75 4.52 0.38 8.39 0.06 12.06-0.2 -7.56-0.74-13.149-6.29-16.029-8.68 -7.57-16.09-13.48-31.96-30.74-26.41 -1.36 0.44-2.71 0.96-4.04 1.57 -7.68-8.32-19.42-12.54-30.32-12.49 -31.79 0.12-46.83 23.91-60.24 29.1 -1.6 0.62-3.38 1.09-5.08 1.49 3.02 1.09 5.67 1.29 10.67-0.75 -6.2 8.24-3.19 3.92-10.56 11.66 -3.32 3.46-6.43 8.08-11.15 10.25 3.97 0.5 6.69-0.69 10.14-3.04 2.39-1.61 4.84-3.66 6.64-4.95 -7.24 11.04-24.31 23.26-24.31 23.26 5.59-1.06 11.42-4.38 16.11-8.14 -0.17 0.23-0.35 0.46-0.52 0.69 -2.46 3.25-4.83 6.75-5.96 10.71 -2.02 7.04-1.06 13.639 1.46 20.489 -0.64-6.07-0.74-18.58 5.67-24.379C30.026 61.248 27.022 68.061 29.164 75h0.875 0.317c-2.211-7.485 1.049-15.243 1.833-18.544 -7.05 4.48-7.24 12.74-7.57 20.16 -3.37-16.67 5.95-24.64 8.9-29.41 -6.17 4.79-13.06 8.53-15.47 9.49 3.3-2.33 7.41-5.47 10.28-8.21 6.68-6.4 11.16-13.52 12.31-15.36 -7.97 4.27-11.51 8.59-15.91 9.32 4.06-2.41 6.46-5.99 9.83-9.33 8.27-8.27 7.26-8.3 11.01-13.36 -2.72 1.28-7.53 2.99-10.37 2.16 18.12-4.38 26.65-25.73 60.53-28.24 11.081-1 23.06 2.04 32.67 10.83 3.729-1.6 7.7-2.95 11.779-2.39 12.091 1.62 15.591 15.19 21.78 28.17 10.08 21.14 11.66 24.14 16.12 28 -3.37-2.11-7.5-6.41-10.78-9.8 1.801 4.86 3.04 13.19 3.12 18.58 -2.05-6.78-5.83-12.26-9.87-17.39 0.851 1.22 8.21 10.8 10.021 22.35 -3.05-6.02-6.92-11.45-11.21-16.62 6.775 9.128 9.306 14.798 11.318 19.136 0.264 0 0.029-0.217 1.079 0.006 -0.079-0.174-0.238-0.532-0.317-0.703 -0.061-1 1.05-12.39-2.931-23.38C173.339 55.875 175.669 58.795 183.02 61.345zM176.439 37.186c-3.811-0.17-4.88-0.2-9.36-0.56 -0.67-1.53-2.34-4.35-3.04-5.87C167.539 33.855 173.409 36.875 176.439 37.186zM156.85 87.045c-2.49 9.14-6.841 19.28-11.99 26.3 1.87-13.8 3.479-27.76 1.779-37.28 -0.569 5.73-1.899 11.2-3.64 16.67 0.41-7.11-0.35-14.37-1.02-21.44 -0.341-3.52-0.83-7.01-1.57-10.47 -0.7-3.29-2.34-6.27-3.84-9.25 -1.78 5.84-4.65 10.85-7.84 16.03 -3.07 4.99-6.88 9.18-11.92 12.14 3.25-5.36 6.229-12.75 8.229-16.96 1.84-3.88 5.39-10.32 4.9-16.33 -5.561 8.7-14.36 16.58-22.58 22.81 -7.86 5.96-24.62 14.67-25.62 15.05 0.2-0.22 9.54-8.66 15.53-14.51 11.36-11.08 13.21-13.3 14.78-15.65 -5.8 5.05-11.42 10.3-17.24 15.33 -5.66 4.89-11.44 9.71-16.74 15.01 1.5-5.41 3.99-10.33 6.6-15.03 2.85-5.11 6.46-9.39 10.58-13.51 -23.378 7.551-39.08 24.38-41.29 27.14 -0.51 4.42-1.17 19.86-0.71 26.4 -5.932-10.697-18.602-27.757-11.658-54.876 -2.687 13.262 0.833 34.105 9.848 48.787 -0.29-6.43 0.32-13.03 1.44-19.36 -1.86 1.91-3.76 3.72-5.87 5.34 1.09-6.52 4.68-12.63 7.9-18.31 3.06-5.37 6.49-10.68 11.13-14.84 -3.67 4.46-6.98 9.89-9.99 15.14 -3.3 5.75-6.98 12.73-8.18 16.9 6.77-6.6 10.3-14.29 26.97-24.64 9.7-6.02 15.45-7.08 21.66-8.94 1.07-1.1 2.13-2.19 3.17-3.32 1.99-2.16 3.74-4.46 5.47-6.83 -6.689 10.42-8.76 10.79-13.779 17.45 -7.61 10.09-8.34 13.08-11.13 19.26 6.1-6.44 9.41-8.49 15.85-14.6 5.07-4.82 16.58-13.46 16.89-13.98 1.25-2.11 2.46-5.22 4.15-8.13 -1.7 3.56-2.63 7.37-4.78 10.7 -2.16 3.34-5.29 6.29-7.97 9.21 -4.42 4.81-10.89 10.75-17.41 16.21 4.99-3.06 10.19-5.66 15.03-8.99 4.7-3.23 9.27-6.71 13.56-10.48 8.301-7.28 15.11-15.79 20.34-25.49 -1.63 3.43-3.42 6.79-5.46 9.99 0.631 3.72-0.199 7.31-1.569 10.78 -0.41 1.04-7.29 16.5-9.37 20.14 2.96-2.26 5.1-5.08 7.16-8.15 6.95-10.4 10.42-17.72 12.35-30.55 -0.399 4.22-0.979 8.44-2.11 12.54 2.061 5.1 3.341 6.48 4.5 10.88 2.12 8.04 2.54 16.39 2.32 24.67 2.26-11.38 3.4-22.64 1.76-34.21 2.41 13.95 1.49 22.32 1.49 22.32 0.5 2.2 0.88 4.42 1.16 6.66 1.21 9.68 0.1 19.31-1.81 28.82 9.399-18.14 11.949-43.65 7.229-63.271 2.04 6.83 3.16 13.82 3.34 20.95 0.181 6.9-0.05 14.01-1.229 20.82 2.29-5.99 4.412-15.707 4.412-17.556C160.342 74.499 158.489 81.005 156.85 87.045z"
        fill="#784b28" stroke-width="none" opacity="1" />
      </g>
    </svg>
  </div>
  <svg xmlns="http://www.w3.org/2000/svg" id="avatar-body" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230">
    <g>
      <g transform="translate(0 10)">
        <g id="svga-group-humanbody-single">
          <path id="SvgjsPath2761" d="M190.858 199.866c-6.008-10.158-13.474-11.973-19.628-13.936 -6.323-2.016-19.346-3.178-26.449-4.6 -6.86-1.373-23.153-5.789-23.339-13.488 -0.192-8.066 4.291-40.09 4.291-40.09H74.005c0 0 4.487 32.023 4.294 40.09 -0.184 7.699-16.48 12.115-23.341 13.488 -7.104 1.422-20.125 2.584-26.448 4.6 -6.156 1.963-13.624 3.777-19.632 13.936 -3.644 6.16-6.008 16.133-6.008 27.133h194C196.869 215.999 194.509 206.026 190.858 199.866z"
          fill="#f3d4cf" stroke-width="none" opacity="1" stroke="none" />
          <path id="SvgjsPath2762" d="M121.442 167.843c2.495 10.929 18.165 13.698 26.293 15.325 21.909 4.379 33.772 5.134 42.297 19.539 2.903 4.916 5.459 15.864 5.962 24.153 1.835 0.291 0.531-17.432-5.136-26.994 -9.742-16.472-29.089-15.135-46.077-18.535C137.921 179.958 121.628 175.542 121.442 167.843L121.442 167.843zM78.558 167.843c-0.186 7.699-16.479 12.115-23.339 13.488 -16.988 3.4-36.335 2.063-46.077 18.535 -5.667 9.563-6.971 27.285-5.136 26.994 0.503-8.289 3.059-19.237 5.962-24.153 8.524-14.405 20.388-15.16 42.297-19.539C60.393 181.541 76.063 178.771 78.558 167.843L78.558 167.843z"
          fill="#fff4f3" stroke-width="none" opacity="1" stroke="none" />
          <path id="SvgjsPath2763" d="M51.206 189.513c0 0 28.641 0.299 33.473 1.885 2.314 0.758 8.372 5.633 8.372 5.633s-6.556-3.17-8.658-3.758C79.51 191.909 51.206 189.513 51.206 189.513zM99.795 199.999c2.053-0.041 7.887-3.799 7.887-3.799s-5.574 2.059-7.342 2.16c-1.491 0.086-6.366-1.238-6.366-1.238S98.112 200.032 99.795 199.999zM117.008 192.757c6.75-1.818 29.786-3.23 29.786-3.23s-23.791-0.516-30.51 1.725c-2.252 0.752-7.562 5.16-7.562 5.16S114.786 193.354 117.008 192.757z"
          fill="#e4b3ab" stroke-width="none" opacity="1" stroke="none" />
          <path id="SvgjsPath2764" d="M190.858 199.866c-9.741-16.471-29.122-15.142-46.077-18.535 -6.86-1.373-23.153-5.789-23.339-13.488 -0.192-8.066 4.291-40.09 4.291-40.09H74.005c0 0 4.487 32.023 4.294 40.09 -0.184 7.699-16.48 12.115-23.341 13.488 -7.104 1.422-20.125 2.584-26.448 4.6 -6.156 1.963-13.624 3.777-19.632 13.936 -3.644 6.16-6.008 16.133-6.008 27.133h194C196.869 215.999 194.509 206.026 190.858 199.866z"
          fill="none" stroke="#c5796d" stroke-width="1.5" opacity="1" />
        </g>
        <g id="svga-group-chinshadow-single">
          <path id="SvgjsPath2917" d="M100.002 171.005c7.478 0 14.576-2.63 20.879-6.56 0.487-8.706 2.716-25.793 3.721-33.231 -14.77-1.574-34.756-1.565-49.463 0.027 1.001 7.405 3.205 24.29 3.711 33.034C85.222 168.3 92.418 171.005 100.002 171.005z" fill="url(#SvgjsLinearGradient2918)"
          opacity="1" />
        </g>
        <g id="svga-group-clothes-single">
          <path id="SvgjsPath3616" d="M3.229 223.031c-0.622-0.007-0.456-0.006-0.92-0.006 0.025-17.784 6.689-31.059 17.837-35.518 1.466 0.314 3.037 0.725 4.514 1.033C11.551 194.886 4.531 208.814 3.229 223.031zM181.643 188.404c-1.855 0.251-3.683 0.491-5.504 0.729 13.353 5.75 17.424 20.534 19.434 33.854 0.344-0.001 0.655-0.002 0.931-0.002C195.421 206.217 195.152 195.351 181.643 188.404z"
          fill="#5a3834" stroke-width="none" opacity="1" stroke="none" />
          <path id="SvgjsPath3617" d="M181.509 192.193c0.734-0.111 2.033-0.324 2.761-0.438 -1.678-1.271-2.67-1.958-3.67-2.549 -5.851 1.009-59.284 7.112-88.51 7.112 -38.337 0-66.622-6.76-71.951-8.293 -1.09 0.62-2.15 1.301-3.15 2.061 1 0.257 2.201 0.598 3.218 0.841 -10.338 7.09-15.825 19.518-16.978 32.104 30.39 0.341 61.447 0.514 92.321 0.514 0.005 0 0.01 0 0.015 0 40.676 0 71.674-0.298 88.328-0.458 5.388-0.052 9.327-0.09 11.679-0.1C193.85 211.572 190.635 199.159 181.509 192.193z"
          fill="#4b2824" stroke-width="none" opacity="1" stroke="none" />
          <path id="SvgjsPath3618" d="M23.439 189.002c-1.117 0.595-2.181 1.252-3.204 1.955 49.803 12.038 110.22 9.005 161.174 1.236 -1.131-0.854-2.354-1.625-3.673-2.303C129.006 198.106 71.062 201.817 23.439 189.002z" fill="#3c1a17" stroke-width="none" opacity="1"
          stroke="none" />
          <path id="SvgjsPath3619" d="M181.629 188.306c-89.42 12.081-124.385 7.031-161.52-0.891 -13.279 5.312-17.9 21.352-17.9 35.71 0.17 0 0.33 0 0.49 0 105.661 1.193 182.323-0.04 193.91-0.04C195.509 206.252 195.316 195.321 181.629 188.306zM20.239 188.125c49.132 14.134 109.964 10.021 160.36 1.28 1 0.591 1.992 1.079 3.67 2.35 -52.607 8.26-115.869 11.615-167.18-1.569C18.089 189.426 19.149 188.745 20.239 188.125zM2.769 222.605c1.961-14.393 4.62-24.719 13.97-32.15 50.694 14.553 116.182 11.469 168.26 1.86 8.309 6.651 7.884 13.707 11.01 30.32C140.967 222.022 68.396 221.847 2.769 222.605z"
          fill="#1d0805" stroke-width="none" opacity="1" stroke="none" />
        </g>
      </g>
      <rect id="SvgjsRect1033" width="200" height="15" x="0" y="185" fill="#ecf0f1" opacity="0.5" style="display:none;" />
    </g>
  </svg>

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 230" class="avatar mSCaption preserve-3d" data-mightyslider="parallaxLevel: 5, parallaxAxises: { x: 0, y: 0, z: 1 }">
    <defs id="SvgjsDefs1001">
      <radialGradient id="SvgjsRadialGradient2754" cx="100" cy="113" r="40" gradientUnits="userSpaceOnUse" class="svga-on-canvas-facehighlight-gradient-single-0">
        <stop id="SvgjsStop2755" stop-opacity="0.5" stop-color="#fff4f3" offset="0" />
        <stop id="SvgjsStop2756" stop-opacity="0" stop-color="#f3d4cf" offset="0.9" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient2758" cx="100" cy="57" r="36" gradientUnits="userSpaceOnUse" class="svga-on-canvas-facehighlight-gradient-single-1">
        <stop id="SvgjsStop2759" stop-opacity="0.5" stop-color="#fff4f3" offset="0" />
        <stop id="SvgjsStop2760" stop-opacity="0" stop-color="#f3d4cf" offset="0.9" />
      </radialGradient>
      <linearGradient id="SvgjsLinearGradient2918" x1="99.98" y1="171.27" x2="99.98" y2="136.351" gradientUnits="userSpaceOnUse" class="svga-on-canvas-chinshadow-gradient-single-0">
        <stop id="SvgjsStop2919" stop-opacity="0.8" stop-color="#e4b3ab" offset="0" />
        <stop id="SvgjsStop2920" stop-opacity="1" stop-color="#c5796d" offset="0.7" />
      </linearGradient>
      <radialGradient id="SvgjsRadialGradient3062" cx="-558.588" cy="-490.918" r="84.646" gradientTransform="matrix(0.096 -0.0248 0.0245 0.0961 140.5478 120.3577)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-1">
        <stop id="SvgjsStop3063" stop-opacity="0.8" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3064" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3066" cx="-565.337" cy="-492.691" r="84.644" gradientTransform="matrix(0.0991 8.856325e-004 -0.0011 0.0991 130.3774 136.3533)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-2">
        <stop id="SvgjsStop3067" stop-opacity="0.8" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3068" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </radialGradient>
      <linearGradient id="SvgjsLinearGradient3072" x1="122.283" y1="93.047" x2="123.61" y2="91.466" gradientTransform="matrix(1 0 0 1 -52 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-5">
        <stop id="SvgjsStop3073" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3074" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </linearGradient>
      <linearGradient id="SvgjsLinearGradient3076" x1="127" y1="85" x2="125" y2="87" gradientTransform="matrix(1 0 0 1 -50 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-6">
        <stop id="SvgjsStop3077" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3078" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </linearGradient>
      <linearGradient id="SvgjsLinearGradient3080" x1="130" y1="81" x2="126" y2="85" gradientTransform="matrix(1 0 0 1 -50 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-7">
        <stop id="SvgjsStop3081" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3082" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </linearGradient>
      <radialGradient id="SvgjsRadialGradient3085" cx="-578.76" cy="-490.73" r="84.646" gradientTransform="matrix(0.096 -0.0248 0.0245 0.0961 192.4794 119.8404)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-1">
        <stop id="SvgjsStop3086" stop-opacity="0.8" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3087" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3089" cx="-584.778" cy="-487.329" r="84.644" gradientTransform="matrix(0.0991 8.856325e-004 -0.0011 0.0991 182.3104 135.839)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-2">
        <stop id="SvgjsStop3090" stop-opacity="0.8" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3091" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </radialGradient>
      <linearGradient id="SvgjsLinearGradient3095" x1="120.284" y1="93.047" x2="121.611" y2="91.467" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-5">
        <stop id="SvgjsStop3096" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3097" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </linearGradient>
      <linearGradient id="SvgjsLinearGradient3099" x1="127" y1="85" x2="125" y2="87" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-6">
        <stop id="SvgjsStop3100" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3101" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </linearGradient>
      <linearGradient id="SvgjsLinearGradient3103" x1="130" y1="81" x2="126" y2="85" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-7">
        <stop id="SvgjsStop3104" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3105" stop-opacity="0" stop-color="#ffffff" offset="1" />
      </linearGradient>
      <linearGradient id="SvgjsLinearGradient3345" x1="100" y1="141" x2="100" y2="137" gradientUnits="userSpaceOnUse" class="svga-on-canvas-mouth-gradient-single-0">
        <stop id="SvgjsStop3346" stop-opacity="1" stop-color="#ebc3bd" offset="0.1" />
        <stop id="SvgjsStop3347" stop-opacity="1" stop-color="#e4b3ab" offset="1" />
      </linearGradient>
      <radialGradient id="SvgjsRadialGradient3356" cx="129.05" cy="85.956" r="15.117" gradientTransform="matrix(-0.9945 0.1042 0.1042 0.9945 192.8274 -12.4637)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesback-gradient-left-0">
        <stop id="SvgjsStop3357" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3358" stop-opacity="1" stop-color="#fcfdfd" offset="0.316" />
        <stop id="SvgjsStop3359" stop-opacity="1" stop-color="#f4f7f8" offset="0.505" />
        <stop id="SvgjsStop3360" stop-opacity="1" stop-color="#e5ecef" offset="0.661" />
        <stop id="SvgjsStop3361" stop-opacity="1" stop-color="#d8e2e7" offset="0.76" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3363" cx="129.049" cy="85.956" r="15.117" gradientTransform="matrix(0.9945 0.1042 -0.1042 0.9945 7.1735 -12.4637)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesback-gradient-right-0">
        <stop id="SvgjsStop3364" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3365" stop-opacity="1" stop-color="#fcfdfd" offset="0.316" />
        <stop id="SvgjsStop3366" stop-opacity="1" stop-color="#f4f7f8" offset="0.505" />
        <stop id="SvgjsStop3367" stop-opacity="1" stop-color="#e5ecef" offset="0.661" />
        <stop id="SvgjsStop3368" stop-opacity="1" stop-color="#d8e2e7" offset="0.76" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3370" cx="129.05" cy="85.956" r="15.117" gradientTransform="matrix(-0.9945 0.1042 0.1042 0.9945 192.8274 -12.4637)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-left-0">
        <stop id="SvgjsStop3371" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3372" stop-opacity="1" stop-color="#fcfdfd" offset="0.316" />
        <stop id="SvgjsStop3373" stop-opacity="1" stop-color="#f4f7f8" offset="0.505" />
        <stop id="SvgjsStop3374" stop-opacity="1" stop-color="#e5ecef" offset="0.661" />
        <stop id="SvgjsStop3375" stop-opacity="1" stop-color="#d8e2e7" offset="0.76" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3379" cx="121.786" cy="84.496" fx="133.039" fy="84.527" r="16.003" gradientTransform="matrix(0.9998 0.0208 0.0166 -0.7998 -44.9524 149.5433)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-left-3">
        <stop id="SvgjsStop3380" stop-opacity="1" stop-color="#e4b3ab" offset="0" />
        <stop id="SvgjsStop3381" stop-opacity="0.3" stop-color="#e4b3ab" offset="0.7" />
        <stop id="SvgjsStop3382" stop-opacity="0" stop-color="#f3d4cf" offset="1" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3384" cx="69.124" cy="107.529" r="29.525" gradientTransform="matrix(1.0336 0 0 1.0336 -1.6792 1.7282)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-left-4">
        <stop id="SvgjsStop3385" stop-opacity="0" stop-color="#000000" offset="0.95" />
        <stop id="SvgjsStop3386" stop-opacity="0.3" stop-color="#000000" offset="1" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3390" cx="129.049" cy="85.956" r="15.117" gradientTransform="matrix(0.9945 0.1042 -0.1042 0.9945 7.1735 -12.4637)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-right-0">
        <stop id="SvgjsStop3391" stop-opacity="1" stop-color="#ffffff" offset="0" />
        <stop id="SvgjsStop3392" stop-opacity="1" stop-color="#fcfdfd" offset="0.316" />
        <stop id="SvgjsStop3393" stop-opacity="1" stop-color="#f4f7f8" offset="0.505" />
        <stop id="SvgjsStop3394" stop-opacity="1" stop-color="#e5ecef" offset="0.661" />
        <stop id="SvgjsStop3395" stop-opacity="1" stop-color="#d8e2e7" offset="0.76" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3399" cx="121.786" cy="84.496" fx="133.039" fy="84.527" r="16.003" gradientTransform="matrix(-0.9998 0.0208 -0.0166 -0.7998 244.9525 149.5433)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-right-3">
        <stop id="SvgjsStop3400" stop-opacity="1" stop-color="#e4b3ab" offset="0" />
        <stop id="SvgjsStop3401" stop-opacity="0.3" stop-color="#e4b3ab" offset="0.7" />
        <stop id="SvgjsStop3402" stop-opacity="0" stop-color="#f3d4cf" offset="1" />
      </radialGradient>
      <radialGradient id="SvgjsRadialGradient3404" cx="69.124" cy="107.529" r="29.525" gradientTransform="matrix(-1.0336 0 0 1.0336 201.6792 1.7282)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-right-4">
        <stop id="SvgjsStop3405" stop-opacity="0" stop-color="#000000" offset="0.95" />
        <stop id="SvgjsStop3406" stop-opacity="0.3" stop-color="#000000" offset="1" />
      </radialGradient>
    </defs>
  </svg>
</div>
</div>

css

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: Varela Round, 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;
}

JavaScript

粒子时间文字 hover canvas 3d 游戏音乐火焰水波轮播图鼠标跟随动画 css 加载动画导航菜单按钮滑块 tab 弹出层统计图 svg

<!doctype html> <html> <head> <meta charset="utf-8"> <title>视差鼠标跟随-jq22.com</title> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号