效果图:

 前端源代码(cv就好啦!)

<svg version="1.1" class="christmas" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

         viewBox="0 0 960 560" style="enable-background:new 0 0 960 560;" xml:space="preserve">

       <g id="stars" class="christ17">

        <circle  cx="177.3" cy="42.5" r="1.7"/>

        <circle  cx="413.6" cy="193.3" r="1"/>

        <circle  cx="737.6" cy="80.3" r="1"/>

        <circle  cx="680.6" cy="115.3" r="1"/>

        <circle  cx="728.6" cy="172.3" r="1"/>

        <circle  cx="639.5" cy="391.3" r="1.2"/>

        <circle  cx="846.5" cy="497.4" r="0.5"/>

        <circle  cx="308.5" cy="480.4" r="0.5"/>

        <circle  cx="130.6" cy="446.5" r="0.8"/>

        <circle  cx="451.3" cy="132.5" r="1.7"/>

        <circle  cx="77.7" cy="155.9" r="0.8"/>

        <circle  cx="401.5" cy="494.3" r="1.2"/>

        <circle  cx="922.5" cy="115.4" r="0.5"/>

        <circle  cx="55.5" cy="510.4" r="0.5"/>

       </g>


 

       <g id="camera">

       <g id="deer1">

         <path class="christ7">

             <animate id="f-leg-l" attributeName="d" values="M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

               c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

               c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z;M597.7,248.9c7.1,6.5,20.9,14.9,22.1,20.6c-0.4,3.3-14,16.5-22,23.5c-3.8,3.3-8.7,6.9-12.4,8

                 c-2.1,0.1-4-3.1-4.2-7.5c2.1-1.8,8.2-2.9,11.1-6.1c6.5-7,14.5-14.9,12.1-16.4c-6.9-4.4-11.7-2.9-23.3-6.6

                 c-7.8-2.5-11.8-6-11.8-14.2c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,591.7,243.3,597.7,248.9z;M597.7,248.9c6.5,8.6,14.2,18.1,18.6,24.7c2.8,9.6,11.5,22.6,15.4,32.5c2.3,5.8,5.8,14.4,2.1,15.6

                        c-2.1,0.1-6.8,2.4-7-1.9c0-3.2-0.6-5-1.6-9.1c-2-8.2-11.9-22.1-17.9-30.7c-2.8-4.1-14.5-11.7-26.1-15.4c-7.8-2.5-11.8-6-11.8-14.2

                        c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,592.7,242.4,597.7,248.9z;M597.3,256.6c0.9,10.8-12.5,26.7-15.6,36.2c0.1,13.4-10.4,31.2-11.6,32.8c-3.6,5-3.8,10.6-7.5,9.6

                        c-1.6,0-5.7-2.8-4.9-5.4c1.7-2.7,3.2-4.5,6-8.4c4.8-6.7,7.9-18.3,7.2-29.7c3.5-8.1,4.7-17.9,0.3-28.2c-3.2-7.5-3-14.1,1.4-21

                        c4.4-6.9,9.1-8,16.1-3.6C595.6,243.5,596.6,248.5,597.3,256.6z;M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

                        c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

                        c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z"dur="1.5s" begin="0.1s" repeatCount="indefinite"/>

         </path>

         <!--back leg-->

         <path class="christ7">

             <animate id="b-leg-l" class="christ1" attributeName="d" values="M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

                c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

                c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

                c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-9,5.8-15.3,7.8c-4.5,1.4-15.7,5.7-17.9,9

                    c-1.7,4.9-2.6,9.8-4.6,15c-1.1,2.9-5.5,11.6-7.4,14.3c-1.8,2.6-7.4,4.6-8.9,5.9c-4.8-0.8-5.8-5.5-6.2-6.6

                    c-0.3-0.9,7.4-2.7,10.7-6.9c2-2.6,4.2-9.3,4.9-12.4c1.2-4.9,1.4-9.8,2.1-15.9c1.7-2,4.5-3.6,8.3-6.7c3.2-2.6,8.9-7.1,9.3-9.8

                    c0.3-2.3,0.5-4.6,0.5-8.2c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-7.1,5.4-13.8,9.3c-4.1,2.4-10.6,5.8-14,7.3

                    c4.2,3.9,8.7,6.6,12,9.5c4.2,3.6,8,7.2,10.1,9.8c2,2.5,6.8,10.7,5.3,12c-3.1,2.4-8.8,2.3-9.2,1.1c-0.3-0.9,0.6-4.4-1.8-9.1

                    c-1.5-2.9-8.5-7-13.3-9.8c-5-2.9-15.1-9.9-16.8-15.3c1.7-2,5.4-5.3,8.4-9.2c3.6-4.8,7.6-9.3,7.9-12c0.3-2.3,0.5-4.6,0.5-8.2

                    c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0.7,4.8,1.6,10.4,2.7,15.2c1,4.4,2.4,10.3,2.2,13.1c-0.3,4.1-2.8,9.2-3.1,13.4

                        c4.2,3.9,11.7,6.7,17,8.7c5.2,1.9,9.1,3.3,11.5,5.6c4.2,3.9,8.2,12.1,6.7,13.4c-2.2,3.2-7.6,4.2-8.1,3.1c-0.3-0.9-1.7-3.4-4.1-8

                        c-1.5-2.9-8.7-7.1-16.8-9.9c-5.5-1.9-12.9-3.8-17.7-8.6c0.1-4.1-0.5-14.1-1.9-17.7c-2.9-7.5-12.6-14.5-15.9-19

                        c-1.4-1.9-3-5.8-3-9.3c0-8.4,6.8-15.3,15.3-15.3S541.3,243,542.5,251.3z;M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

                        c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

                        c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

                        c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z"dur="1.5s" begin="0.1s" repeatCount="indefinite"/>

          </path>

        <path id="ear-r" class="christ1" d="M579.3,202.9c0,0,3.8-20.3,9.4-21.7c2.7,3.1,2.7,16-3.7,22C585.1,203.2,585.6,200.1,579.3,202.9z"

            />

        <path id="antler-r" class="christ2" d="M578.1,199.8c0,0,3-3.9,4.1-11.6c0.5-3.1-1.9-13.4-4.3-16.5c2.6,0.1,5.8,7,6,9.9

            c0.1,0.9,0.8-3,0.9-9c0-1.1-1.3-7-4.5-12.6c0-1.1,3.4,2.8,4.4,5.8c-0.3-4.9-1-10.3-2.6-15.5c3.7,5.9,5.9,14.4,6.2,22.7

            c0,0.9,2.3-2.1,4.3-6.3c0.8,5.9-4,10.3-4,10.8c-0.6,5.4-1.8,13.9-4.4,22.3L578.1,199.8z"/>

        <path id="antler-l" class="christ2" d="M587.1,194.8c0,0-6.1-1.7-12.9-7.7c-2.7-2.4-7.4-12.4-6.8-16.4c-2.8,1.5-1.7,9,0.2,11.6

            c0.6,0.8-3-2.2-7.5-7.2c-0.8-0.9-3.5-6.7-3.9-13.1c-0.7-0.9-1.9,4.1-0.9,7.2c-3.1-4.3-6.2-9.3-8-14.6c0,7,3.4,15.3,9.1,22.6

            c0.6,0.8-4.1-0.6-9.3-3.1c3.3,5.5,11.8,6.6,12.3,7.1c4.6,4.3,11.9,10.9,20.8,16.6L587.1,194.8z"/>

        <path id="body" class="christ1" d="M590.8,194.6c7,1.7,12.4,2.3,19.4,2.8c12.2,0.8,3.8,10.8-3.6,12.4s-13.7,2.3-12.8,13

            c0.8,10.7,5.3,13.7,7,26.2c1.6,11.4-6,19.4-23.3,24.5c-13,3.9-34.9,3.9-54.7-3.9c-17.3-6.8-16.1-26-6.9-32.3

            c6.9-4.7,15.1-5.2,22.8-3c6.4,1.8,26.6,7.5,33.2,2.6c6.6-4.9,6.3-18.5,3.9-28.4C573.2,197.4,580.4,192.1,590.8,194.6z"/>

        <path id="ear-l" class="christ1" d="M585,199.5c0,0-16.3-12.7-21.5-10c0,4.1,8.6,13.8,17.4,14C580.9,203.6,578.5,201.6,585,199.5z"/>

        <path id="tail" class="christ1" d="M520.6,243.8c0,0-10.1-16.5-12.8-23c-2.4-5.8-6.4,13.4,6.3,24.4C516.4,247.1,517.1,242,520.6,243.8z

            "/>

        <path id="body_1_" class="christ3" d="M590.8,194.6c-20,4.7,1.4,23.1-15.4,42.9c-3.9,4.6-15.7,6.4-22.2,4.2c-25-8.6-30.2-6.1-37.2-4.3

            c6.9-4.7,15.1-5.2,22.8-3c6.4,1.8,26.6,7.5,33.2,2.6c6.6-4.9,6.3-18.5,3.9-28.4C573.2,197.4,580.4,192.1,590.8,194.6z"/>

        <circle id="nose" class="christ4" cx="616.2" cy="198.6" r="2.3"/>

        <path id="eye" class="christ5" d="M593.9,198.8c0,0-3,0.9-3.5,3.3"/>

<!--front leg-->

<path class="christ1">

    <animate id="f-leg" attributeName="d" values="M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

      c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

      c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z;M597.7,248.9c7.1,6.5,20.9,14.9,22.1,20.6c-0.4,3.3-14,16.5-22,23.5c-3.8,3.3-8.7,6.9-12.4,8

        c-2.1,0.1-4-3.1-4.2-7.5c2.1-1.8,8.2-2.9,11.1-6.1c6.5-7,14.5-14.9,12.1-16.4c-6.9-4.4-11.7-2.9-23.3-6.6

        c-7.8-2.5-11.8-6-11.8-14.2c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,591.7,243.3,597.7,248.9z;M597.7,248.9c6.5,8.6,14.2,18.1,18.6,24.7c2.8,9.6,11.5,22.6,15.4,32.5c2.3,5.8,5.8,14.4,2.1,15.6

            c-2.1,0.1-6.8,2.4-7-1.9c0-3.2-0.6-5-1.6-9.1c-2-8.2-11.9-22.1-17.9-30.7c-2.8-4.1-14.5-11.7-26.1-15.4c-7.8-2.5-11.8-6-11.8-14.2

            c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,592.7,242.4,597.7,248.9z;M597.3,256.6c0.9,10.8-12.5,26.7-15.6,36.2c0.1,13.4-10.4,31.2-11.6,32.8c-3.6,5-3.8,10.6-7.5,9.6

                c-1.6,0-5.7-2.8-4.9-5.4c1.7-2.7,3.2-4.5,6-8.4c4.8-6.7,7.9-18.3,7.2-29.7c3.5-8.1,4.7-17.9,0.3-28.2c-3.2-7.5-3-14.1,1.4-21

                c4.4-6.9,9.1-8,16.1-3.6C595.6,243.5,596.6,248.5,597.3,256.6z;M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

                c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

                c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z"dur="1.5s" repeatCount="indefinite"/>

</path>

<!--back leg-->

<path class="christ1">

    <animate id="b-leg" class="christ1" attributeName="d" values="M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

        c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

        c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

        c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-9,5.8-15.3,7.8c-4.5,1.4-15.7,5.7-17.9,9

            c-1.7,4.9-2.6,9.8-4.6,15c-1.1,2.9-5.5,11.6-7.4,14.3c-1.8,2.6-7.4,4.6-8.9,5.9c-4.8-0.8-5.8-5.5-6.2-6.6

            c-0.3-0.9,7.4-2.7,10.7-6.9c2-2.6,4.2-9.3,4.9-12.4c1.2-4.9,1.4-9.8,2.1-15.9c1.7-2,4.5-3.6,8.3-6.7c3.2-2.6,8.9-7.1,9.3-9.8

            c0.3-2.3,0.5-4.6,0.5-8.2c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-7.1,5.4-13.8,9.3c-4.1,2.4-10.6,5.8-14,7.3

            c4.2,3.9,8.7,6.6,12,9.5c4.2,3.6,8,7.2,10.1,9.8c2,2.5,6.8,10.7,5.3,12c-3.1,2.4-8.8,2.3-9.2,1.1c-0.3-0.9,0.6-4.4-1.8-9.1

            c-1.5-2.9-8.5-7-13.3-9.8c-5-2.9-15.1-9.9-16.8-15.3c1.7-2,5.4-5.3,8.4-9.2c3.6-4.8,7.6-9.3,7.9-12c0.3-2.3,0.5-4.6,0.5-8.2

            c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0.7,4.8,1.6,10.4,2.7,15.2c1,4.4,2.4,10.3,2.2,13.1c-0.3,4.1-2.8,9.2-3.1,13.4

                c4.2,3.9,11.7,6.7,17,8.7c5.2,1.9,9.1,3.3,11.5,5.6c4.2,3.9,8.2,12.1,6.7,13.4c-2.2,3.2-7.6,4.2-8.1,3.1c-0.3-0.9-1.7-3.4-4.1-8

                c-1.5-2.9-8.7-7.1-16.8-9.9c-5.5-1.9-12.9-3.8-17.7-8.6c0.1-4.1-0.5-14.1-1.9-17.7c-2.9-7.5-12.6-14.5-15.9-19

                c-1.4-1.9-3-5.8-3-9.3c0-8.4,6.8-15.3,15.3-15.3S541.3,243,542.5,251.3z;M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

                c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

                c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

                c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z"dur="1.5s" repeatCount="indefinite"/>

</path>

</g>


 

<g id="deer2">

  <path class="christ7">

      <animate id="f-leg-l" attributeName="d" values="M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

        c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

        c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z;M597.7,248.9c7.1,6.5,20.9,14.9,22.1,20.6c-0.4,3.3-14,16.5-22,23.5c-3.8,3.3-8.7,6.9-12.4,8

          c-2.1,0.1-4-3.1-4.2-7.5c2.1-1.8,8.2-2.9,11.1-6.1c6.5-7,14.5-14.9,12.1-16.4c-6.9-4.4-11.7-2.9-23.3-6.6

          c-7.8-2.5-11.8-6-11.8-14.2c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,591.7,243.3,597.7,248.9z;M597.7,248.9c6.5,8.6,14.2,18.1,18.6,24.7c2.8,9.6,11.5,22.6,15.4,32.5c2.3,5.8,5.8,14.4,2.1,15.6

             c-2.1,0.1-6.8,2.4-7-1.9c0-3.2-0.6-5-1.6-9.1c-2-8.2-11.9-22.1-17.9-30.7c-2.8-4.1-14.5-11.7-26.1-15.4c-7.8-2.5-11.8-6-11.8-14.2

             c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,592.7,242.4,597.7,248.9z;M597.3,256.6c0.9,10.8-12.5,26.7-15.6,36.2c0.1,13.4-10.4,31.2-11.6,32.8c-3.6,5-3.8,10.6-7.5,9.6

               c-1.6,0-5.7-2.8-4.9-5.4c1.7-2.7,3.2-4.5,6-8.4c4.8-6.7,7.9-18.3,7.2-29.7c3.5-8.1,4.7-17.9,0.3-28.2c-3.2-7.5-3-14.1,1.4-21

               c4.4-6.9,9.1-8,16.1-3.6C595.6,243.5,596.6,248.5,597.3,256.6z;M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

               c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

               c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z"dur="1.5s" begin="0.15s" repeatCount="indefinite"/>

  </path>

  <!--back leg-->

  <path class="christ7">

      <animate id="b-leg-l" class="christ1" attributeName="d" values="M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

       c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

       c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

       c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-9,5.8-15.3,7.8c-4.5,1.4-15.7,5.7-17.9,9

         c-1.7,4.9-2.6,9.8-4.6,15c-1.1,2.9-5.5,11.6-7.4,14.3c-1.8,2.6-7.4,4.6-8.9,5.9c-4.8-0.8-5.8-5.5-6.2-6.6

         c-0.3-0.9,7.4-2.7,10.7-6.9c2-2.6,4.2-9.3,4.9-12.4c1.2-4.9,1.4-9.8,2.1-15.9c1.7-2,4.5-3.6,8.3-6.7c3.2-2.6,8.9-7.1,9.3-9.8

         c0.3-2.3,0.5-4.6,0.5-8.2c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-7.1,5.4-13.8,9.3c-4.1,2.4-10.6,5.8-14,7.3

           c4.2,3.9,8.7,6.6,12,9.5c4.2,3.6,8,7.2,10.1,9.8c2,2.5,6.8,10.7,5.3,12c-3.1,2.4-8.8,2.3-9.2,1.1c-0.3-0.9,0.6-4.4-1.8-9.1

           c-1.5-2.9-8.5-7-13.3-9.8c-5-2.9-15.1-9.9-16.8-15.3c1.7-2,5.4-5.3,8.4-9.2c3.6-4.8,7.6-9.3,7.9-12c0.3-2.3,0.5-4.6,0.5-8.2

           c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0.7,4.8,1.6,10.4,2.7,15.2c1,4.4,2.4,10.3,2.2,13.1c-0.3,4.1-2.8,9.2-3.1,13.4

             c4.2,3.9,11.7,6.7,17,8.7c5.2,1.9,9.1,3.3,11.5,5.6c4.2,3.9,8.2,12.1,6.7,13.4c-2.2,3.2-7.6,4.2-8.1,3.1c-0.3-0.9-1.7-3.4-4.1-8

             c-1.5-2.9-8.7-7.1-16.8-9.9c-5.5-1.9-12.9-3.8-17.7-8.6c0.1-4.1-0.5-14.1-1.9-17.7c-2.9-7.5-12.6-14.5-15.9-19

             c-1.4-1.9-3-5.8-3-9.3c0-8.4,6.8-15.3,15.3-15.3S541.3,243,542.5,251.3z;M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

               c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

               c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

               c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z"dur="1.5s" begin="0.15s" repeatCount="indefinite"/>

   </path>

 <path id="ear-r" class="christ1" d="M579.3,202.9c0,0,3.8-20.3,9.4-21.7c2.7,3.1,2.7,16-3.7,22C585.1,203.2,585.6,200.1,579.3,202.9z"

   />

 <path id="antler-r" class="christ2" d="M578.1,199.8c0,0,3-3.9,4.1-11.6c0.5-3.1-1.9-13.4-4.3-16.5c2.6,0.1,5.8,7,6,9.9

   c0.1,0.9,0.8-3,0.9-9c0-1.1-1.3-7-4.5-12.6c0-1.1,3.4,2.8,4.4,5.8c-0.3-4.9-1-10.3-2.6-15.5c3.7,5.9,5.9,14.4,6.2,22.7

   c0,0.9,2.3-2.1,4.3-6.3c0.8,5.9-4,10.3-4,10.8c-0.6,5.4-1.8,13.9-4.4,22.3L578.1,199.8z"/>

 <path id="antler-l" class="christ2" d="M587.1,194.8c0,0-6.1-1.7-12.9-7.7c-2.7-2.4-7.4-12.4-6.8-16.4c-2.8,1.5-1.7,9,0.2,11.6

   c0.6,0.8-3-2.2-7.5-7.2c-0.8-0.9-3.5-6.7-3.9-13.1c-0.7-0.9-1.9,4.1-0.9,7.2c-3.1-4.3-6.2-9.3-8-14.6c0,7,3.4,15.3,9.1,22.6

   c0.6,0.8-4.1-0.6-9.3-3.1c3.3,5.5,11.8,6.6,12.3,7.1c4.6,4.3,11.9,10.9,20.8,16.6L587.1,194.8z"/>

 <path id="body" class="christ1" d="M590.8,194.6c7,1.7,12.4,2.3,19.4,2.8c12.2,0.8,3.8,10.8-3.6,12.4s-13.7,2.3-12.8,13

   c0.8,10.7,5.3,13.7,7,26.2c1.6,11.4-6,19.4-23.3,24.5c-13,3.9-34.9,3.9-54.7-3.9c-17.3-6.8-16.1-26-6.9-32.3

   c6.9-4.7,15.1-5.2,22.8-3c6.4,1.8,26.6,7.5,33.2,2.6c6.6-4.9,6.3-18.5,3.9-28.4C573.2,197.4,580.4,192.1,590.8,194.6z"/>

 <path id="ear-l" class="christ1" d="M585,199.5c0,0-16.3-12.7-21.5-10c0,4.1,8.6,13.8,17.4,14C580.9,203.6,578.5,201.6,585,199.5z"/>

 <path id="tail" class="christ1" d="M520.6,243.8c0,0-10.1-16.5-12.8-23c-2.4-5.8-6.4,13.4,6.3,24.4C516.4,247.1,517.1,242,520.6,243.8z

   "/>

 <path id="body_1_" class="christ3" d="M590.8,194.6c-20,4.7,1.4,23.1-15.4,42.9c-3.9,4.6-15.7,6.4-22.2,4.2c-25-8.6-30.2-6.1-37.2-4.3

   c6.9-4.7,15.1-5.2,22.8-3c6.4,1.8,26.6,7.5,33.2,2.6c6.6-4.9,6.3-18.5,3.9-28.4C573.2,197.4,580.4,192.1,590.8,194.6z"/>

 <circle id="nose" class="christ4" cx="616.2" cy="198.6" r="2.3"/>

 <path id="eye" class="christ5" d="M593.9,198.8c0,0-3,0.9-3.5,3.3"/>

<!--front leg-->

<path class="christ1">

<animate id="f-leg" attributeName="d" values="M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z;M597.7,248.9c7.1,6.5,20.9,14.9,22.1,20.6c-0.4,3.3-14,16.5-22,23.5c-3.8,3.3-8.7,6.9-12.4,8

 c-2.1,0.1-4-3.1-4.2-7.5c2.1-1.8,8.2-2.9,11.1-6.1c6.5-7,14.5-14.9,12.1-16.4c-6.9-4.4-11.7-2.9-23.3-6.6

 c-7.8-2.5-11.8-6-11.8-14.2c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,591.7,243.3,597.7,248.9z;M597.7,248.9c6.5,8.6,14.2,18.1,18.6,24.7c2.8,9.6,11.5,22.6,15.4,32.5c2.3,5.8,5.8,14.4,2.1,15.6

   c-2.1,0.1-6.8,2.4-7-1.9c0-3.2-0.6-5-1.6-9.1c-2-8.2-11.9-22.1-17.9-30.7c-2.8-4.1-14.5-11.7-26.1-15.4c-7.8-2.5-11.8-6-11.8-14.2

   c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,592.7,242.4,597.7,248.9z;M597.3,256.6c0.9,10.8-12.5,26.7-15.6,36.2c0.1,13.4-10.4,31.2-11.6,32.8c-3.6,5-3.8,10.6-7.5,9.6

     c-1.6,0-5.7-2.8-4.9-5.4c1.7-2.7,3.2-4.5,6-8.4c4.8-6.7,7.9-18.3,7.2-29.7c3.5-8.1,4.7-17.9,0.3-28.2c-3.2-7.5-3-14.1,1.4-21

     c4.4-6.9,9.1-8,16.1-3.6C595.6,243.5,596.6,248.5,597.3,256.6z;M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

       c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

       c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z"dur="1.5s" begin="0.1s" repeatCount="indefinite"/>

</path>

<!--back leg-->

<path class="christ1">

<animate id="b-leg" class="christ1" attributeName="d" values="M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-9,5.8-15.3,7.8c-4.5,1.4-15.7,5.7-17.9,9

 c-1.7,4.9-2.6,9.8-4.6,15c-1.1,2.9-5.5,11.6-7.4,14.3c-1.8,2.6-7.4,4.6-8.9,5.9c-4.8-0.8-5.8-5.5-6.2-6.6

 c-0.3-0.9,7.4-2.7,10.7-6.9c2-2.6,4.2-9.3,4.9-12.4c1.2-4.9,1.4-9.8,2.1-15.9c1.7-2,4.5-3.6,8.3-6.7c3.2-2.6,8.9-7.1,9.3-9.8

 c0.3-2.3,0.5-4.6,0.5-8.2c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-7.1,5.4-13.8,9.3c-4.1,2.4-10.6,5.8-14,7.3

   c4.2,3.9,8.7,6.6,12,9.5c4.2,3.6,8,7.2,10.1,9.8c2,2.5,6.8,10.7,5.3,12c-3.1,2.4-8.8,2.3-9.2,1.1c-0.3-0.9,0.6-4.4-1.8-9.1

   c-1.5-2.9-8.5-7-13.3-9.8c-5-2.9-15.1-9.9-16.8-15.3c1.7-2,5.4-5.3,8.4-9.2c3.6-4.8,7.6-9.3,7.9-12c0.3-2.3,0.5-4.6,0.5-8.2

   c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0.7,4.8,1.6,10.4,2.7,15.2c1,4.4,2.4,10.3,2.2,13.1c-0.3,4.1-2.8,9.2-3.1,13.4

     c4.2,3.9,11.7,6.7,17,8.7c5.2,1.9,9.1,3.3,11.5,5.6c4.2,3.9,8.2,12.1,6.7,13.4c-2.2,3.2-7.6,4.2-8.1,3.1c-0.3-0.9-1.7-3.4-4.1-8

     c-1.5-2.9-8.7-7.1-16.8-9.9c-5.5-1.9-12.9-3.8-17.7-8.6c0.1-4.1-0.5-14.1-1.9-17.7c-2.9-7.5-12.6-14.5-15.9-19

     c-1.4-1.9-3-5.8-3-9.3c0-8.4,6.8-15.3,15.3-15.3S541.3,243,542.5,251.3z;M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

       c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

       c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

       c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z"dur="1.5s" begin="-0.1s" repeatCount="indefinite"/>

</path>

</g>

<g id="deer3">

  <path class="christ7">

      <animate id="f-leg-l" attributeName="d" values="M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

        c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

        c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z;M597.7,248.9c7.1,6.5,20.9,14.9,22.1,20.6c-0.4,3.3-14,16.5-22,23.5c-3.8,3.3-8.7,6.9-12.4,8

          c-2.1,0.1-4-3.1-4.2-7.5c2.1-1.8,8.2-2.9,11.1-6.1c6.5-7,14.5-14.9,12.1-16.4c-6.9-4.4-11.7-2.9-23.3-6.6

          c-7.8-2.5-11.8-6-11.8-14.2c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,591.7,243.3,597.7,248.9z;M597.7,248.9c6.5,8.6,14.2,18.1,18.6,24.7c2.8,9.6,11.5,22.6,15.4,32.5c2.3,5.8,5.8,14.4,2.1,15.6

             c-2.1,0.1-6.8,2.4-7-1.9c0-3.2-0.6-5-1.6-9.1c-2-8.2-11.9-22.1-17.9-30.7c-2.8-4.1-14.5-11.7-26.1-15.4c-7.8-2.5-11.8-6-11.8-14.2

             c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,592.7,242.4,597.7,248.9z;M597.3,256.6c0.9,10.8-12.5,26.7-15.6,36.2c0.1,13.4-10.4,31.2-11.6,32.8c-3.6,5-3.8,10.6-7.5,9.6

               c-1.6,0-5.7-2.8-4.9-5.4c1.7-2.7,3.2-4.5,6-8.4c4.8-6.7,7.9-18.3,7.2-29.7c3.5-8.1,4.7-17.9,0.3-28.2c-3.2-7.5-3-14.1,1.4-21

               c4.4-6.9,9.1-8,16.1-3.6C595.6,243.5,596.6,248.5,597.3,256.6z;M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

               c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

               c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z"dur="1.5s" begin="-0.25s" repeatCount="indefinite"/>

  </path>

  <!--back leg-->

  <path class="christ7">

      <animate id="b-leg-l" class="christ1" attributeName="d" values="M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

       c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

       c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

       c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-9,5.8-15.3,7.8c-4.5,1.4-15.7,5.7-17.9,9

         c-1.7,4.9-2.6,9.8-4.6,15c-1.1,2.9-5.5,11.6-7.4,14.3c-1.8,2.6-7.4,4.6-8.9,5.9c-4.8-0.8-5.8-5.5-6.2-6.6

         c-0.3-0.9,7.4-2.7,10.7-6.9c2-2.6,4.2-9.3,4.9-12.4c1.2-4.9,1.4-9.8,2.1-15.9c1.7-2,4.5-3.6,8.3-6.7c3.2-2.6,8.9-7.1,9.3-9.8

         c0.3-2.3,0.5-4.6,0.5-8.2c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-7.1,5.4-13.8,9.3c-4.1,2.4-10.6,5.8-14,7.3

           c4.2,3.9,8.7,6.6,12,9.5c4.2,3.6,8,7.2,10.1,9.8c2,2.5,6.8,10.7,5.3,12c-3.1,2.4-8.8,2.3-9.2,1.1c-0.3-0.9,0.6-4.4-1.8-9.1

           c-1.5-2.9-8.5-7-13.3-9.8c-5-2.9-15.1-9.9-16.8-15.3c1.7-2,5.4-5.3,8.4-9.2c3.6-4.8,7.6-9.3,7.9-12c0.3-2.3,0.5-4.6,0.5-8.2

           c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0.7,4.8,1.6,10.4,2.7,15.2c1,4.4,2.4,10.3,2.2,13.1c-0.3,4.1-2.8,9.2-3.1,13.4

             c4.2,3.9,11.7,6.7,17,8.7c5.2,1.9,9.1,3.3,11.5,5.6c4.2,3.9,8.2,12.1,6.7,13.4c-2.2,3.2-7.6,4.2-8.1,3.1c-0.3-0.9-1.7-3.4-4.1-8

             c-1.5-2.9-8.7-7.1-16.8-9.9c-5.5-1.9-12.9-3.8-17.7-8.6c0.1-4.1-0.5-14.1-1.9-17.7c-2.9-7.5-12.6-14.5-15.9-19

             c-1.4-1.9-3-5.8-3-9.3c0-8.4,6.8-15.3,15.3-15.3S541.3,243,542.5,251.3z;M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

               c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

               c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

               c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z"dur="1.5s" begin="-0.25s" repeatCount="indefinite"/>

   </path>

 <path id="ear-r" class="christ1" d="M579.3,202.9c0,0,3.8-20.3,9.4-21.7c2.7,3.1,2.7,16-3.7,22C585.1,203.2,585.6,200.1,579.3,202.9z"

   />

 <path id="antler-r" class="christ2" d="M578.1,199.8c0,0,3-3.9,4.1-11.6c0.5-3.1-1.9-13.4-4.3-16.5c2.6,0.1,5.8,7,6,9.9

   c0.1,0.9,0.8-3,0.9-9c0-1.1-1.3-7-4.5-12.6c0-1.1,3.4,2.8,4.4,5.8c-0.3-4.9-1-10.3-2.6-15.5c3.7,5.9,5.9,14.4,6.2,22.7

   c0,0.9,2.3-2.1,4.3-6.3c0.8,5.9-4,10.3-4,10.8c-0.6,5.4-1.8,13.9-4.4,22.3L578.1,199.8z"/>

 <path id="antler-l" class="christ2" d="M587.1,194.8c0,0-6.1-1.7-12.9-7.7c-2.7-2.4-7.4-12.4-6.8-16.4c-2.8,1.5-1.7,9,0.2,11.6

   c0.6,0.8-3-2.2-7.5-7.2c-0.8-0.9-3.5-6.7-3.9-13.1c-0.7-0.9-1.9,4.1-0.9,7.2c-3.1-4.3-6.2-9.3-8-14.6c0,7,3.4,15.3,9.1,22.6

   c0.6,0.8-4.1-0.6-9.3-3.1c3.3,5.5,11.8,6.6,12.3,7.1c4.6,4.3,11.9,10.9,20.8,16.6L587.1,194.8z"/>

 <path id="body" class="christ1" d="M590.8,194.6c7,1.7,12.4,2.3,19.4,2.8c12.2,0.8,3.8,10.8-3.6,12.4s-13.7,2.3-12.8,13

   c0.8,10.7,5.3,13.7,7,26.2c1.6,11.4-6,19.4-23.3,24.5c-13,3.9-34.9,3.9-54.7-3.9c-17.3-6.8-16.1-26-6.9-32.3

   c6.9-4.7,15.1-5.2,22.8-3c6.4,1.8,26.6,7.5,33.2,2.6c6.6-4.9,6.3-18.5,3.9-28.4C573.2,197.4,580.4,192.1,590.8,194.6z"/>

 <path id="ear-l" class="christ1" d="M585,199.5c0,0-16.3-12.7-21.5-10c0,4.1,8.6,13.8,17.4,14C580.9,203.6,578.5,201.6,585,199.5z"/>

 <path id="tail" class="christ1" d="M520.6,243.8c0,0-10.1-16.5-12.8-23c-2.4-5.8-6.4,13.4,6.3,24.4C516.4,247.1,517.1,242,520.6,243.8z

   "/>

 <path id="body_1_" class="christ3" d="M590.8,194.6c-20,4.7,1.4,23.1-15.4,42.9c-3.9,4.6-15.7,6.4-22.2,4.2c-25-8.6-30.2-6.1-37.2-4.3

   c6.9-4.7,15.1-5.2,22.8-3c6.4,1.8,26.6,7.5,33.2,2.6c6.6-4.9,6.3-18.5,3.9-28.4C573.2,197.4,580.4,192.1,590.8,194.6z"/>

 <circle id="nose" class="christ4" cx="616.2" cy="198.6" r="2.3"/>

 <path id="eye" class="christ5" d="M593.9,198.8c0,0-3,0.9-3.5,3.3"/>

<!--front leg-->

<path class="christ1">

<animate id="f-leg" attributeName="d" values="M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z;M597.7,248.9c7.1,6.5,20.9,14.9,22.1,20.6c-0.4,3.3-14,16.5-22,23.5c-3.8,3.3-8.7,6.9-12.4,8

 c-2.1,0.1-4-3.1-4.2-7.5c2.1-1.8,8.2-2.9,11.1-6.1c6.5-7,14.5-14.9,12.1-16.4c-6.9-4.4-11.7-2.9-23.3-6.6

 c-7.8-2.5-11.8-6-11.8-14.2c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,591.7,243.3,597.7,248.9z;M597.7,248.9c6.5,8.6,14.2,18.1,18.6,24.7c2.8,9.6,11.5,22.6,15.4,32.5c2.3,5.8,5.8,14.4,2.1,15.6

   c-2.1,0.1-6.8,2.4-7-1.9c0-3.2-0.6-5-1.6-9.1c-2-8.2-11.9-22.1-17.9-30.7c-2.8-4.1-14.5-11.7-26.1-15.4c-7.8-2.5-11.8-6-11.8-14.2

   c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,592.7,242.4,597.7,248.9z;M597.3,256.6c0.9,10.8-12.5,26.7-15.6,36.2c0.1,13.4-10.4,31.2-11.6,32.8c-3.6,5-3.8,10.6-7.5,9.6

     c-1.6,0-5.7-2.8-4.9-5.4c1.7-2.7,3.2-4.5,6-8.4c4.8-6.7,7.9-18.3,7.2-29.7c3.5-8.1,4.7-17.9,0.3-28.2c-3.2-7.5-3-14.1,1.4-21

     c4.4-6.9,9.1-8,16.1-3.6C595.6,243.5,596.6,248.5,597.3,256.6z;M598.6,254.8c4.1,6.3,11.2,21.1,12.4,26.8c-0.4,3.3-7.6,19.6-9.8,29.7c-1.1,4.9-3.9,8.7-5.6,10.7

       c-3.5,0.5-5.6-0.4-8.6-4.5c2.1-1.8,5.6-5.4,7.4-9.3c3.8-8.4,6.1-22.7,4.6-25.1c-3.3-5.3-12.4-12.5-17.6-16.8

       c-6.3-5.2-12.1-7.7-12.1-15.9c0-8.2,3.4-11.6,11.6-11.6C589.2,238.7,594.1,248,598.6,254.8z"dur="1.5s" begin="-0.1s" repeatCount="indefinite"/>

</path>

<!--back leg-->

<path class="christ1">

<animate id="b-leg" class="christ1" attributeName="d" values="M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-9,5.8-15.3,7.8c-4.5,1.4-15.7,5.7-17.9,9

 c-1.7,4.9-2.6,9.8-4.6,15c-1.1,2.9-5.5,11.6-7.4,14.3c-1.8,2.6-7.4,4.6-8.9,5.9c-4.8-0.8-5.8-5.5-6.2-6.6

 c-0.3-0.9,7.4-2.7,10.7-6.9c2-2.6,4.2-9.3,4.9-12.4c1.2-4.9,1.4-9.8,2.1-15.9c1.7-2,4.5-3.6,8.3-6.7c3.2-2.6,8.9-7.1,9.3-9.8

 c0.3-2.3,0.5-4.6,0.5-8.2c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0,4.6-2.7,11.1-5.9,14.5c-1.2,1.3-7.1,5.4-13.8,9.3c-4.1,2.4-10.6,5.8-14,7.3

   c4.2,3.9,8.7,6.6,12,9.5c4.2,3.6,8,7.2,10.1,9.8c2,2.5,6.8,10.7,5.3,12c-3.1,2.4-8.8,2.3-9.2,1.1c-0.3-0.9,0.6-4.4-1.8-9.1

   c-1.5-2.9-8.5-7-13.3-9.8c-5-2.9-15.1-9.9-16.8-15.3c1.7-2,5.4-5.3,8.4-9.2c3.6-4.8,7.6-9.3,7.9-12c0.3-2.3,0.5-4.6,0.5-8.2

   c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z;M542.5,251.3c0.7,4.8,1.6,10.4,2.7,15.2c1,4.4,2.4,10.3,2.2,13.1c-0.3,4.1-2.8,9.2-3.1,13.4

     c4.2,3.9,11.7,6.7,17,8.7c5.2,1.9,9.1,3.3,11.5,5.6c4.2,3.9,8.2,12.1,6.7,13.4c-2.2,3.2-7.6,4.2-8.1,3.1c-0.3-0.9-1.7-3.4-4.1-8

     c-1.5-2.9-8.7-7.1-16.8-9.9c-5.5-1.9-12.9-3.8-17.7-8.6c0.1-4.1-0.5-14.1-1.9-17.7c-2.9-7.5-12.6-14.5-15.9-19

     c-1.4-1.9-3-5.8-3-9.3c0-8.4,6.8-15.3,15.3-15.3S541.3,243,542.5,251.3z;M542.5,251.3c0,4.6-3.2,10-4.5,14.1c-0.6,1.7-3.3,9.3-7.7,16.7c-2.4,4.1-6.2,7.6-8.4,10.9

       c0,5.1,0.1,11.6-0.8,18.3c-0.4,3.1-2.2,9.4-3.1,12.7c-0.8,3-4.1,6.3-5.6,7.6c-2.6,0.4-6.3-2.3-6.8-3.5c-0.3-0.9,3.2-4.3,5.9-8.1

       c0.9-2.5,2-8.1,2.2-11.3c0.3-5.3-0.7-11.8-1.6-18.3c2.2-3.2,4.6-6.7,5.2-11.5c1-7.5-0.3-16-2-18.1c-2-2.6-3.3-5.9-3.3-9.4

       c0-8.4,6.8-15.3,15.3-15.3S542.5,242.9,542.5,251.3z"dur="1.5s" begin="-0.1s" repeatCount="indefinite"/>

</path>

</g>

<g id="santa-sleigh">

    <path class="christ21" d="M207.2,351.2c0,0-1.1,9,8,7.6c9.1-1.4,10.2-12.3-0.3-15.4c-17.4-5.1-43.8,16.4-64.7,19.1

        c-15.4,2-40.2,0.6-36.6-12.8c2.1-7.6,16-8.5,15.9-0.7"/>

    <path class="christ21" d="M251.6,351.2c0,0,1.1,9-8,7.6s-10.2-12.3,0.3-15.4c17.4-5.1,43.8,16.4,64.7,19.1c15.4,2,40.2,0.6,36.6-12.8

        c-2.1-7.6-16-8.5-15.9-0.7"/>

    <path class="christ21" d="M99,366.5h253c0,0,20.9-1.3,32.7-17.3"/>

    <path class="christ8" d="M84.8,241.2c0,0,22.3,11.8,22.3,38.5s2,65.3,29.8,65.3s202.2,0,202.2,0s10.2,1.8,19.8-12.1

        c9.6-13.9,10.2-21,11.8-28.4c1.9-9,3.4-24.1-3-36.1c-3.1-5.8-11.7-13.1-15.9-14.2c2.6,8.3,7.1,21.8,3.2,32.3

        c-7.1,18.8-27.4,19.6-39,19.6c-46.4,0-66,0-99.9,0c-21,0-15.3-13.3-16.1-21.5c-12.5-2-42.8,2.3-46.4-26.4

        c-33.6-3.7-27.7-15.1-54.3-20.4C90.6,235.9,84.8,241.2,84.8,241.2z"/>

    <path class="christ9" d="M109.7,234.7c0,0,12.7,74.1,22.5,82.4c9.9,8.2,69.1,29.6,107,16.5c37.9-13.2-9.9-95.5-9.9-95.5l-2.4-17.7

        c0,0-53.6-28.4-104.6-15.2S109.7,234.7,109.7,234.7z"/>

    <path class="christ10" d="M109.7,234.7c0,0,12.7,74.1,22.5,82.4c9.9,8.2,69.1,29.6,107,16.5c37.9-13.2-9.9-95.5-9.9-95.5l-2.4-17.7

        c0,0-15.9,8-44.3,11.3C130.3,237.7,109.7,234.7,109.7,234.7z"/>

    <path class="christ11" d="M104,383.5h253c0,0,20.9-1.3,32.7-17.3"/>

    <polygon class="christ12" points="130.4,226 124,219.7 124,210.5 130.4,204 139.6,204 146,210.5 146,219.7 139.6,226   "/>

    <path class="christ11" d="M227.2,368.2c0,0-1.1,9,8,7.6c9.1-1.4,10.2-12.3-0.3-15.4c-17.4-5.1-43.8,16.4-64.7,19.1

        c-15.4,2-40.2,0.6-36.6-12.8c2.1-7.6,16-8.5,15.9-0.7"/>

    <path class="christ11" d="M271.6,368.2c0,0,1.1,9-8,7.6c-9.1-1.4-10.2-12.3,0.3-15.4c17.4-5.1,43.8,16.4,64.7,19.1

        c15.4,2,40.2,0.6,36.6-12.8c-2.1-7.6-16-8.5-15.9-0.7"/>

    <g>

            <rect x="114.7" y="207.1" transform="matrix(0.9925 0.1218 -0.1218 0.9925 27.4229 -13.659)" class="christ13" width="21.4" height="20.5"/>

            <rect x="117.8" y="206.1" transform="matrix(0.9925 0.1218 -0.1218 0.9925 27.2831 -12.9482)" class="christ9" width="3.4" height="21"/>

            <rect x="114.8" y="214" transform="matrix(0.9925 0.1218 -0.1218 0.9925 27.2273 -13.7265)" class="christ9" width="22.2" height="3.6"/>

    </g>

    <g id="gift">

            <rect x="138.2" y="211.4" transform="matrix(0.9116 0.4111 -0.4111 0.9116 104.0549 -41.3076)" class="christ14" width="19.8" height="19.8"/>

            <rect x="144.3" y="210.3" transform="matrix(0.9116 0.4111 -0.4111 0.9116 103.3908 -40.4072)" class="christ15" width="2.7" height="19.8"/>

            <rect x="139.9" y="216.1" transform="matrix(0.9116 0.4111 -0.4111 0.9116 102.529 -42.4508)" class="christ15" width="20.2" height="2.1"/>

    </g>

    <path id="bag" class="christ9" d="M101.4,221.5c0,0,35.7,7.3,64.1,5.7c13.4-0.8,29.3-5.8,35-7.9c17.9-6.5,26.5,1.2,26.5,1.2

        s-12.4,13.4-41.5,15.5s-75.8-1.5-75.8-1.5L101.4,221.5z"/>

    <g id="Santa">

        <path class="christ10" d="M289,285.3c7.7,18.8,3.1,35.8-13.6,42.6c-16.6,6.8-33.1-2.2-40.7-21c-7.7-18.8-3.7-40.4,12.9-47.2

            S281.3,266.5,289,285.3z"/>

        <path class="christ16" d="M273.2,245.5c0.5,10.1-5.4,16.5-15.5,16.5s-21.7-9.4-21.7-19.5s10-15.2,20.1-15.2S272.4,229.2,273.2,245.5z"

            />

        <path class="christ9" d="M235.8,234c0,0,3.3-13.2-6.1-20.4c0,0,36.5-11.6,44.4,20.4H235.8z"/>

        <circle class="christ17" cx="233.1" cy="216.4" r="5.8"/>

        <path class="christ17" d="M272.9,236.7l-36.6,6.1c-1.4,0.2-2.7-0.8-2.7-2.2l-0.1-4.3c0-1.4,1-2.6,2.4-2.9l34.5-6.1

            c1.4-0.3,2.9,0.6,3.2,2l1.2,4.5C275.1,235.1,274.3,236.4,272.9,236.7z"/>

        <path d="M291.5,290.9c0,0-26.9,12.1-56.8,16.1l3,9.4c0,0,40.2-5.7,55.3-16.3c0,0,0.6-2.7,0.2-4.6

            C292.9,294.2,291.5,290.9,291.5,290.9z"/>

        <path class="christ17" d="M236,240.7c0,0,11.4-7.7,10.9-1c-0.4,4.9,4.8,12.4,7,12.9c6.4,1.2,12.3-0.7,19.7-1.9c0,0,1.2,5.6,3.2,9.8

            c1.7,3.6,6.6,5.9,6.6,5.9s-3.6,3.9-12.8,4.6c-11.2,0.8-15.4,1.3-25.8-7.8C234.3,254,236,240.7,236,240.7z"/>

        <path class="christ4" d="M266.9,250.1l6.8-0.7c0,0-0.7,2.4-2.2,2.5C270.7,252,268,252.2,266.9,250.1z"/>

        <path class="christ17" d="M271.7,245.8c-0.8-1.1-3.3-1.1-5.3,0.1c-2,1.2-1.7,3.3-4.7,4.2c-2.3,0.7-4.3-0.8-4.3-0.8s0.9,3.7,5.1,4.1

            c2.5,0.2,5.3-1.1,8.3-3.9C271.9,248.6,272.4,246.8,271.7,245.8z"/>

        <path class="christ17" d="M272.4,246.1c0.3-1.1,2.2-1.3,2.8-0.1c0.6,1.2,0.3,3.1,1.1,4.1c0.4,0.5,1.3,0,1.3,0s-0.4,2.9-2.1,2.9

            c-0.8,0-2.3-0.5-3.2-3.2C272.1,248.7,272.2,247,272.4,246.1z"/>

        <circle class="christ4" cx="273.8" cy="245.7" r="2.7"/>

        <path id="eye_2" class="christ18" d="M267.8,243.2c0,0-2.7-0.8-4.3,0.7"/>

        <path class="christ19" d="M268.2,240.3c0,0-4.3-2.8-8.7,0.9"/>

        <polyline class="christ20" points="246.5,279.6 259.2,299.9 284.3,307.7      "/>

        <circle class="christ9" cx="294.6" cy="309.2" r="9.2"/>

        <path class="christ17" d="M289.7,300.8l-0.7,14.7c0,0.6-0.7,1-1.5,0.9l-2.3-0.3c-0.8-0.1-1.3-0.6-1.3-1.2l0.5-13.8

            c0-0.6,0.7-1.1,1.5-1.1l2.6-0.1C289.1,299.8,289.8,300.2,289.7,300.8z"/>

    </g>

    <path class="christ9" d="M98.8,254.2c0,0,22.3,11.8,22.3,38.5s2,65.3,29.8,65.3s202.2,0,202.2,0s10.2,1.8,19.8-12.1

        c9.6-13.9,10.2-21,11.8-28.4c2.9-13.3-5.8-47.9-19-51.3c2.6,8.3,7.1,22.8,3.2,33.3c-7.1,18.8-27.4,19.6-39,19.6

        c-46.4,0-66,0-99.9,0c-21,0-15.3-13.3-16.1-21.5c-12.5-2-42.8,2.3-46.4-26.4c-33.6-3.7-27.7-15.1-54.3-20.4

        C104.6,248.9,98.8,254.2,98.8,254.2z"/>

</g>



 

</g>

<g id="snow">

    <g>

        <g class="snowflake">

            <line class="christ22" x1="704.4" y1="378" x2="704.3" y2="363.2"/>

            <line class="christ22" x1="710.8" y1="374.3" x2="697.9" y2="367"/>

            <line class="christ22" x1="710.7" y1="366.9" x2="698" y2="374.4"/>

        </g>

        <g class="snowflake">

            <line class="christ22" x1="398.4" y1="344" x2="398.3" y2="329.2"/>

            <line class="christ22" x1="404.8" y1="340.3" x2="391.9" y2="333"/>

            <line class="christ22" x1="404.7" y1="332.9" x2="392" y2="340.4"/>

        </g>

        <g class="snowflake">

            <line class="christ22" x1="54.4" y1="361" x2="54.3" y2="346.2"/>

            <line class="christ22" x1="60.8" y1="357.3" x2="47.9" y2="350"/>

            <line class="christ22" x1="60.7" y1="349.9" x2="48" y2="357.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="940.4" y1="424" x2="940.3" y2="409.2"/>

            <line class="christ22" x1="946.8" y1="420.3" x2="933.9" y2="413"/>

            <line class="christ22" x1="946.7" y1="412.9" x2="934" y2="420.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="183.4" y1="425" x2="183.3" y2="410.2"/>

            <line class="christ22" x1="189.8" y1="421.3" x2="176.9" y2="414"/>

            <line class="christ22" x1="189.7" y1="413.9" x2="177" y2="421.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="195.4" y1="299" x2="195.3" y2="284.2"/>

            <line class="christ22" x1="201.8" y1="295.3" x2="188.9" y2="288"/>

            <line class="christ22" x1="201.7" y1="287.9" x2="189" y2="295.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="768.4" y1="302" x2="768.3" y2="287.2"/>

            <line class="christ22" x1="774.8" y1="298.3" x2="761.9" y2="291"/>

            <line class="christ22" x1="774.7" y1="290.9" x2="762" y2="298.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="609.4" y1="303" x2="609.3" y2="288.2"/>

            <line class="christ22" x1="615.8" y1="299.3" x2="602.9" y2="292"/>

            <line class="christ22" x1="615.7" y1="291.9" x2="603" y2="299.4"/>

        </g>

    </g>





 

    <g>

        <g  class="snowflake">

            <line class="christ22" x1="1664.4" y1="378" x2="1664.3" y2="363.2"/>

            <line class="christ22" x1="1670.8" y1="374.3" x2="1657.9" y2="367"/>

            <line class="christ22" x1="1670.7" y1="366.9" x2="1658" y2="374.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1358.4" y1="344" x2="1358.3" y2="329.2"/>

            <line class="christ22" x1="1364.8" y1="340.3" x2="1351.9" y2="333"/>

            <line class="christ22" x1="1364.7" y1="332.9" x2="1352" y2="340.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1014.4" y1="361" x2="1014.3" y2="346.2"/>

            <line class="christ22" x1="1020.8" y1="357.3" x2="1007.9" y2="350"/>

            <line class="christ22" x1="1020.7" y1="349.9" x2="1008" y2="357.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1900.4" y1="424" x2="1900.3" y2="409.2"/>

            <line class="christ22" x1="1906.8" y1="420.3" x2="1893.9" y2="413"/>

            <line class="christ22" x1="1906.7" y1="412.9" x2="1894" y2="420.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1143.4" y1="425" x2="1143.3" y2="410.2"/>

            <line class="christ22" x1="1149.8" y1="421.3" x2="1136.9" y2="414"/>

            <line class="christ22" x1="1149.7" y1="413.9" x2="1137" y2="421.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1155.4" y1="299" x2="1155.3" y2="284.2"/>

            <line class="christ22" x1="1161.8" y1="295.3" x2="1148.9" y2="288"/>

            <line class="christ22" x1="1161.7" y1="287.9" x2="1149" y2="295.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1728.4" y1="302" x2="1728.3" y2="287.2"/>

            <line class="christ22" x1="1734.8" y1="298.3" x2="1721.9" y2="291"/>

            <line class="christ22" x1="1734.7" y1="290.9" x2="1722" y2="298.4"/>

        </g>

        <g  class="snowflake">

            <line class="christ22" x1="1569.4" y1="303" x2="1569.3" y2="288.2"/>

            <line class="christ22" x1="1575.8" y1="299.3" x2="1562.9" y2="292"/>

            <line class="christ22" x1="1575.7" y1="291.9" x2="1563" y2="299.4"/>

        </g>


 

    </g>

</g>

<g class="far">

  <g  class="snowflake">

    <line class="christ22" x1="540.4" y1="214" x2="540.3" y2="199.2"/>

    <line class="christ22" x1="546.8" y1="210.3" x2="533.9" y2="203"/>

    <line class="christ22" x1="546.7" y1="202.9" x2="534" y2="210.4"/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="895.4" y1="170" x2="895.3" y2="155.2"/>

    <line class="christ22" x1="901.8" y1="166.3" x2="888.9" y2="159"/>

    <line class="christ22" x1="901.7" y1="158.9" x2="889" y2="166.4"/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="1500.4" y1="214" x2="1500.3" y2="199.2"/>

    <line class="christ22" x1="1506.8" y1="210.3" x2="1493.9" y2="203"/>

    <line class="christ22" x1="1506.7" y1="202.9" x2="1494" y2="210.4"/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="1855.4" y1="170" x2="1855.3" y2="155.2"/>

    <line class="christ22" x1="1861.8" y1="166.3" x2="1848.9" y2="159"/>

    <line class="christ22" x1="1861.7" y1="158.9" x2="1849" y2="166.4"/>

  </g>

</g>




 

  <g class="close">

  <g  class="snowflake">

    <line class="christ22" x1="1872.5" y1="296" x2="1872.5" y2="336"/>

    <line class="christ22" x1="1893" y1="316.5" x2="1853" y2="316.5"/>

    <line class="christ22" x1="1886.3" y1="330" x2="1858.7" y2="302.4"/>

    <line class="christ22" x1="1858.7" y1="330" x2="1886.3" y2="302.4"/>

    <polyline class="christ22" points="1855.4,311.9 1860,316.5 1855.4,321.1             "/>

    <polyline class="christ22" points="1890.5,311.9 1885.9,316.5 1890.5,321.1           "/>

    <polyline class="christ22" points="1863.5,301 1863.5,307.5 1858,307.5           "/>

    <polyline class="christ22" points="1889,326.5 1881.5,326.5 1881.5,332           "/>

    <polyline class="christ22" points="1877.2,298.9 1872.3,303.8 1867.4,298.9           "/>

    <polyline class="christ22" points="1876.7,334.3 1872.3,329.8 1867.8,334.3           "/>

    <polyline class="christ22" points="1879.5,301 1879.5,307.5 1889,307.5           "/>

    <polyline class="christ22" points="1857,326.5 1862.5,326.5 1862.5,332           "/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="1457.5" y1="401" x2="1457.5" y2="441"/>

    <line class="christ22" x1="1478" y1="421.5" x2="1438" y2="421.5"/>

    <line class="christ22" x1="1471.3" y1="435" x2="1443.7" y2="407.4"/>

    <line class="christ22" x1="1443.7" y1="435" x2="1471.3" y2="407.4"/>

    <polyline class="christ22" points="1440.4,416.9 1445,421.5 1440.4,426.1             "/>

    <polyline class="christ22" points="1475.5,416.9 1470.9,421.5 1475.5,426.1           "/>

    <polyline class="christ22" points="1448.5,406 1448.5,412.5 1443,412.5           "/>

    <polyline class="christ22" points="1474,431.5 1466.5,431.5 1466.5,437           "/>

    <polyline class="christ22" points="1462.2,403.9 1457.3,408.8 1452.4,403.9           "/>

    <polyline class="christ22" points="1461.7,439.3 1457.3,434.8 1452.8,439.3           "/>

    <polyline class="christ22" points="1464.5,406 1464.5,412.5 1474,412.5           "/>

    <polyline class="christ22" points="1442,431.5 1447.5,431.5 1447.5,437           "/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="1261.5" y1="96" x2="1261.5" y2="136"/>

    <line class="christ22" x1="1282" y1="116.5" x2="1242" y2="116.5"/>

    <line class="christ22" x1="1275.3" y1="130" x2="1247.7" y2="102.4"/>

    <line class="christ22" x1="1247.7" y1="130" x2="1275.3" y2="102.4"/>

    <polyline class="christ22" points="1244.4,111.9 1249,116.5 1244.4,121.1             "/>

    <polyline class="christ22" points="1279.5,111.9 1274.9,116.5 1279.5,121.1           "/>

    <polyline class="christ22" points="1252.5,101 1252.5,107.5 1247,107.5           "/>

    <polyline class="christ22" points="1278,126.5 1270.5,126.5 1270.5,132           "/>

    <polyline class="christ22" points="1266.2,98.9 1261.3,103.8 1256.4,98.9             "/>

    <polyline class="christ22" points="1265.7,134.3 1261.3,129.8 1256.8,134.3           "/>

    <polyline class="christ22" points="1268.5,101 1268.5,107.5 1278,107.5           "/>

    <polyline class="christ22" points="1246,126.5 1251.5,126.5 1251.5,132           "/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="912.5" y1="296" x2="912.5" y2="336"/>

    <line class="christ22" x1="933" y1="316.5" x2="893" y2="316.5"/>

    <line class="christ22" x1="926.3" y1="330" x2="898.7" y2="302.4"/>

    <line class="christ22" x1="898.7" y1="330" x2="926.3" y2="302.4"/>

    <polyline class="christ22" points="895.4,311.9 900,316.5 895.4,321.1            "/>

    <polyline class="christ22" points="930.5,311.9 925.9,316.5 930.5,321.1          "/>

    <polyline class="christ22" points="903.5,301 903.5,307.5 898,307.5          "/>

    <polyline class="christ22" points="929,326.5 921.5,326.5 921.5,332          "/>

    <polyline class="christ22" points="917.2,298.9 912.3,303.8 907.4,298.9          "/>

    <polyline class="christ22" points="916.7,334.3 912.3,329.8 907.8,334.3          "/>

    <polyline class="christ22" points="919.5,301 919.5,307.5 929,307.5          "/>

    <polyline class="christ22" points="897,326.5 902.5,326.5 902.5,332          "/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="497.5" y1="401" x2="497.5" y2="441"/>

    <line class="christ22" x1="518" y1="421.5" x2="478" y2="421.5"/>

    <line class="christ22" x1="511.3" y1="435" x2="483.7" y2="407.4"/>

    <line class="christ22" x1="483.7" y1="435" x2="511.3" y2="407.4"/>

    <polyline class="christ22" points="480.4,416.9 485,421.5 480.4,426.1            "/>

    <polyline class="christ22" points="515.5,416.9 510.9,421.5 515.5,426.1          "/>

    <polyline class="christ22" points="488.5,406 488.5,412.5 483,412.5          "/>

    <polyline class="christ22" points="514,431.5 506.5,431.5 506.5,437          "/>

    <polyline class="christ22" points="502.2,403.9 497.3,408.8 492.4,403.9          "/>

    <polyline class="christ22" points="501.7,439.3 497.3,434.8 492.8,439.3          "/>

    <polyline class="christ22" points="504.5,406 504.5,412.5 514,412.5          "/>

    <polyline class="christ22" points="482,431.5 487.5,431.5 487.5,437          "/>

  </g>

  <g  class="snowflake">

    <line class="christ22" x1="301.5" y1="96" x2="301.5" y2="136"/>

    <line class="christ22" x1="322" y1="116.5" x2="282" y2="116.5"/>

    <line class="christ22" x1="315.3" y1="130" x2="287.7" y2="102.4"/>

    <line class="christ22" x1="287.7" y1="130" x2="315.3" y2="102.4"/>

    <polyline class="christ22" points="284.4,111.9 289,116.5 284.4,121.1            "/>

    <polyline class="christ22" points="319.5,111.9 314.9,116.5 319.5,121.1          "/>

    <polyline class="christ22" points="292.5,101 292.5,107.5 287,107.5          "/>

    <polyline class="christ22" points="318,126.5 310.5,126.5 310.5,132          "/>

    <polyline class="christ22" points="306.2,98.9 301.3,103.8 296.4,98.9            "/>

    <polyline class="christ22" points="305.7,134.3 301.3,129.8 296.8,134.3          "/>

    <polyline class="christ22" points="308.5,101 308.5,107.5 318,107.5          "/>

    <polyline class="christ22" points="286,126.5 291.5,126.5 291.5,132          "/>

  </g>

</g>

    </svg>

<style>

      .swing{background-color:#FFE7C1;}

    .swin1{fill:#CC4937;}

    .swin2{fill:none;stroke:#CC4937;stroke-width:6;stroke-miterlimit:10;}

    .swin3{fill:#CC2A17;}

    .swin4{fill:#7F9CB7;}

    .swin5{fill:none;stroke:#7F9CB7;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;}

    .swin6{fill:#DFDFE7;}

    .swin7{fill:#AE2A17;}

    .swin8{fill:#FFFFFF;}

    .swin9{fill:#97A29F;}

    .swin10{fill:#FFC6D0;}

    .swin11{fill:none;stroke:#FFC6D0;stroke-width:15;stroke-linecap:round;stroke-miterlimit:10;}

    .swin12{fill:#300000;}

    .swin13{fill:#84462E;}

    .swin14{display:none;}

    .swin15{display:inline;fill:#FFFFFF;}

    .swin16{display:inline;}

    .swin17{fill:#4E240E;}

    .swin18{fill:#FF5084;}

    .swin19{fill:#FF7EA9;}

    .swin20{fill:none;stroke:#FFFFFF;stroke-width:0.2;stroke-miterlimit:10;}

    .swin21{display:inline;fill:none;stroke:#CC4937;stroke-width:5;stroke-miterlimit:10;}

    .swin22{display:inline;fill:none;stroke:#CC4937;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}

    .swin23{display:inline;fill:none;stroke:#CC4937;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

    .swin24{fill:none;stroke:#DDCE70;stroke-width:19;stroke-linecap:round;stroke-miterlimit:10;}

    .swin25{fill:none;stroke:#9C1B37;stroke-width:7;stroke-linecap:round;stroke-miterlimit:10;}

    .swin26{fill:#CC2A17;}

    .swin27{font-family:'MyriadPro-Regular';}

    .swin28{font-size:12px;}


 

  #head-p2{

transform-origin:center center;

animation:head 4s ease infinite;

  }

@keyframes head{

0%{transform:translate(-61px,7px)rotate(-25deg);}

10%{transform:translate(0,30px)rotate(0deg);}

25%,40%{transform:translate(0,0)rotate(0deg);}

50%{transform:translate(41px,3px)rotate(18deg);}

60%{transform:translate(0,30px)rotate(0deg);}

75%,90%{transform:translate(0,0px)rotate(0deg);}

100%{transform:translate(-61px,7px)rotate(-25deg);}

}

#ribbon-p2{

transform-origin:center center;

animation:ribbon 4s ease infinite;

}

@keyframes ribbon{

0%{transform:translate(-25px,-5px)rotate(-25deg);}

10%{transform:translate(0,30px)rotate(0deg);}

25%,40%{transform:translate(0,0)rotate(0deg);}

50%{transform:translate(30px,3px)rotate(8deg);}

60%{transform:translate(0,30px)rotate(0deg);}

75%,90%{transform:translate(0,0px)rotate(0deg);}

100%{transform:translate(-25px,-5px)rotate(-25deg);}

}


 

#swing-rotate{

transform-origin:center top;

animation:rotate 4s ease infinite;

}

@keyframes rotate{

0%{transform:rotate(45deg);}

50%{transform:rotate(-45deg);}

100%{transform:rotate(45deg);}

}


 

#deco{

transform-origin: top center;

animation:deco 4s ease infinite;

}

@keyframes deco{

0%{transform:rotate(0deg);}

10%{transform:rotate(20deg);}

25%{transform:rotate(40deg);}

40%{transform:rotate(25deg);}

45%{transform:rotate(50deg);}

50%{transform:rotate(0deg);}

60%{transform:rotate(-30deg);}

75%{transform:rotate(-50deg);}

90%{transform:rotate(-40deg);}

95%{transform:rotate(-60deg);}

100%{transform:rotate(0deg);}

}


 

.christmas{background:#222646;}

.christ0{fill:#222646;}

.christ1{fill:#DD945D;}

.christ2{fill:#8C474F;}

.christ3{fill:#DDA25D;}

.christ4{fill:#EE5F5D;}

.christ5{fill:none;stroke:#6D1915;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}

.christ6{fill:#427BFF;}

.christ7{fill:#a37548;}

.christ8{fill:#A72C4D;}

.christ9{fill:#DD325D;}

.christ10{fill:#B82C4D;}

.christ11{fill:none;stroke:#FD9870;stroke-width:5;stroke-linecap:round;stroke-miterlimit:10;}

.christ12{fill:#AEC856;}

.christ13{fill:#FFFFF5;}

.christ14{fill:#28ABEC;}

.christ15{fill:#2846EC;}

.christ16{fill:#F5B3B1;}

.christ17{fill:#FFFFFF;}

.christ18{fill:none;stroke:#6D1915;stroke-linecap:round;stroke-miterlimit:10;}

.christ19{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}

.christ20{fill:none;stroke:#DD325D;stroke-width:17;stroke-linecap:round;stroke-miterlimit:10;}

.christ21{fill:none;stroke:#64474D;stroke-width:5;stroke-linecap:round;stroke-miterlimit:10;}

.christ22{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}


 

#camera{

transform-origin:center center;

animation:move 1.5s ease infinite;

}

@keyframes move{

0%{transform:translate(0,0);}

33%{transform:translate(-30px,0);}

50%{transform:translate(30px,0);}

66%{transform:translate(60px,0);}

100%{transform:translate(0,0);}

}


 

#deer1{

opacity:0.7;

transform-origin:center center;

animation:jump1 1.5s ease infinite;

}

@keyframes jump1{

0%{transform:translate(0,0)rotate(0deg)scale(0.9);}

33%{transform:translate(0,-10px)rotate(-30deg)scale(0.9);}

50%{transform:translate(0,-60px)rotate(0deg)scale(0.9);}

66%{transform:translate(0,-10px)rotate(30deg)scale(0.9);}

100%{transform:translate(0,0)rotate(0deg)scale(0.9);}

}

#deer2{

transform-origin:center center;

animation:jump2 1.5s ease infinite;

}

@keyframes jump2{

0%{transform:translate(-100px,50px)rotate(0deg);}

27%{transform:translate(-100px,40px)rotate(-25deg);}

44%{transform:translate(-60px,-10px)rotate(0deg);}

57%{transform:translate(-60px,40px)rotate(25deg);}

100%{transform:translate(-100px,50px)rotate(0deg);}

}


 

#deer3{

transform-origin:center center;

animation:jump3 1.5s ease infinite;

}

@keyframes jump3{

0%{transform:translate(180px,95px)rotate(-15deg);}

24%{transform:translate(200px,90px)rotate(-25deg);}

40%{transform:translate(230px,40px)rotate(0deg);}

52%{transform:translate(260px,90px)rotate(25deg);}

90%{transform:translate(160px,100px)rotate(0deg);}

100%{transform:translate(180px,95px)rotate(-15deg);}

}



 

#tail{

  transform-origin:515px 238px;

  animation:tailwiggle 1.5s ease infinite;

}

@keyframes tailwiggle{

0%{transform:rotate(0deg);}

33%{transform:rotate(-60deg);}

50%{transform:rotate(0deg);}

66%{transform:rotate(50deg);}

100%{transform:rotate(0deg);}

}

#santa-sleigh{

transform-origin:center center;

animation:sleigh 1.5s ease-in-out infinite;

}

@keyframes sleigh{

0%{transform:rotate(5deg)translate(-30px,0px);}

50%{transform:rotate(-5deg)translate(-30px,-30px);}

100%{transform:rotate(5deg)translate(-30px,0px);}

}


 

.close{

animation:snow 6s linear infinite;

}

@keyframes snow{

0%{transform:translate(0,0);}

100%{transform:translate(-960px,0);}

}


 

.far{

  animation:snow 18s linear infinite;

}


 

#snow{

animation:snow 10s linear infinite;

}


 

/*

.snowflake{

transform-origin:center center;

animation:snowflake 10s linear infinite;

}

@keyframes snowflake{

0%{transform:rotate(0deg);}

100%{transform:rotate(180deg);}

}

</style>

祝大家圣诞节快乐啦! 

Merry Christmas! 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐