Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

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-
              
            
!

CSS

              
                .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;
}
              
            
!

JS

              
                jQuery(document).ready(function($) {
  var $parallax = $('.parallax'),
    cx, cy, dx, dy, tiltx, tilty, radius, degree, transform;
  $(document).mousemove(function(event) {

    cx = Math.ceil($(window).width() / 1.8);
    cy = Math.ceil($(window).height() / 1.8);
    dx = event.pageX - cx;
    dy = event.pageY - cy;

    tiltx = (dy / cy);
    tilty = -(dx / cx);
    radius = Math.sqrt(Math.pow(tiltx, 2) + Math.pow(tilty, 2));
    degree = (radius * 20);
    transform = 'scale(0.9) rotate3d(' + -tiltx + ', ' + -tilty + ', 0, ' + degree + 'deg)';

    $parallax.css({
      '-webkit-transform': transform,
      'transform': transform
    });
  });
});
              
            
!
999px

Console