Svg polycat

Developer

Size

15,836 Kb

Views

8,096

Svg polycat Previews
Svg polycat HTML Codes
Svg polycat CSS Codes
Svg polycat JS Codes

How do I make an svg polycat?

Svg polycat - Hover to start animation. What is a svg polycat? How do you make a svg polycat? This script and codes were developed by Rune Sejer Hoffmann on 10 December 2022, Saturday.

Svg polycat Previews

Svg polycat - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>svg polycat</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="loader">
<div id="mm"></div>
</div>
<div class="wrapper">
<svg version="1.1" class="polycat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" enable-background="new 0 0 400 400 xml:space="preserve">
<path fill="none" stroke="#9D9D9C" stroke-miterlimit="10" d="M92.978,137.135V55.409c0,0,42.495-10.158,47.9,16.193c0,0,5.329,44.165-47.9,27.949"/>
<path fill="none" stroke="#9D9D9C" stroke-miterlimit="10" d="M152.026,136.557c0,0-21.896,3.086-21.562-20.414c0,0,0.625-20,21.562-18.333c0,0,14.771,1.667,15.604,19.391C167.631,117.2,170.131,133.976,152.026,136.557"/>
<path fill="none" stroke="#9D9D9C" stroke-miterlimit="10" d="M182.797,136.69V97.462V136.69z"/>
<line fill="#FFFFFF" stroke="#9D9D9C" stroke-miterlimit="10" x1="203.971" y1="136.705" x2="182.381" y2="136.705"/>
<line fill="none" stroke="#9D9D9C" stroke-miterlimit="10" x1="253.095" y1="97.462" x2="229" y2="117.882"/>
<polyline fill="none" stroke="#9D9D9C" stroke-miterlimit="10" points="229,179.476 229,117.882 207.834,96.716 "/>
<path fill="none" stroke="#9D9D9C" stroke-miterlimit="10" d="M287.131,136.79c0,0-34.001,5.92-30.667-23.188c0,0,0.334-19.683,30.667-16.633"/>
<path fill="none" stroke="#9D9D9C" stroke-miterlimit="10" d="M318.026,136.322c0,0-21.896,3.086-21.562-20.414c0,0,0.625-20,21.562-18.333c0,0,14.771,1.667,15.604,19.391C333.63,116.966,336.13,133.741,318.026,136.322"/>
<path fill="none" stroke="#9D9D9C" stroke-miterlimit="10" d="M341.464,136.623c0,0-11.604,0.737-8.802-11.08"/>
<polyline fill="none" stroke="#9D9D9C" stroke-miterlimit="10" points="353.631,137.087 353.631,90.462 328.298,90.226 375.964,90.462 "/>
</svg>
<svg version="1.1" class="cat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1450 700" enable-background="new 0 0 1450 700" xml:space="preserve">
<polygon fill="#020203" points="617.616,164.162 577.344,117.807 527.918,194.195 "/>
<polygon fill="#010202" points="588.045,190.511 528.902,192.885 617.616,164.162 "/>
<polygon fill="#030404" points="578.9,115.562 528.902,192.885 522.942,165.269 "/>
<polygon fill="#020304" points="578.415,119.447 531.399,153.082 521,167.15 "/>
<polygon fill="#020203" points="580.356,118.476 543.213,127.458 529.861,154.648 "/>
<polygon fill="#030404" points="579.317,120.053 564.092,111.557 543.213,128.308 "/>
<polygon fill="#040405" points="545.762,124.423 523.428,143.724 523.428,166.908 "/>
<polygon fill="#040405" points="564.455,112.528 522.942,144.331 529.496,122.239 "/>
<polygon fill="#070808" points="534.837,99.176 523.428,148.7 520.272,106.216 "/>
<polygon fill="#010202" points="533.867,99.661 564.455,112.771 529.496,122.845 "/>
<polygon fill="#080C0C" points="587.658,190.527 528.902,192.885 537.951,230.258 587.239,190.861 "/>
<polygon fill="#010202" points="601.929,198.806 617.616,164.162 588.045,190.511 601.688,198.663 "/>
<polygon fill="#22262B" points="568.013,206.229 592.617,206.229 587.807,190.197 "/>
<polygon fill="#010202" points="601.897,198.968 617.35,163.817 637.946,189.211 "/>
<polygon fill="#0B0B0C" points="536.095,230.258 605.641,318.752 514.997,293.748 "/>
<polygon fill="#2C3833" points="537.951,230.258 585.845,241.458 568.013,206.229 "/>
<polygon fill="#19201B" points="585.845,241.654 592.617,206.229 568.013,206.229 "/>
<polygon fill="#1E2125" points="585.845,241.915 601.212,228.109 590.224,218.747 "/>
<polygon fill="#080A0D" points="592.617,206.229 601.212,228.109 590.224,218.747 "/>
<polygon fill="#222725" points="601.897,198.968 615.604,213.653 592.617,206.229 "/>
<polygon fill="#0E1310" points="615.865,213.653 601.212,228.109 592.617,206.229 "/>
<polygon fill="#020203" points="637.946,189.211 615.865,213.653 601.897,198.968 "/>
<polygon fill="#040405" points="616.9,163.338 635.074,151.855 637.946,189.211 "/>
<polygon fill="#020203" points="637.946,189.494 663.01,154.648 635.074,151.855 "/>
<polygon fill="#020203" points="663.27,154.648 654.805,140.591 635.074,151.855 "/>
<polygon fill="#242624" points="664.183,122.487 635.074,151.855 654.805,140.591 "/>
<polygon fill="#0F0F0F" points="688.016,129.651 664.183,122.487 654.805,140.591 "/>
<polygon fill="#020203" points="663.27,154.648 688.016,129.651 654.805,140.591 "/>
<polygon fill="#0F0F0F" points="721.94,142.149 663.27,154.648 688.016,129.651 "/>
<polygon fill="#24272C" points="682.22,112.72 721.94,142.149 664.183,122.487 "/>
<polygon fill="#141414" points="705.663,117.278 682.22,112.72 721.94,142.149 "/>
<polygon fill="#353535" points="704.36,96.766 721.94,142.149 705.663,117.278 "/>
<polygon fill="#353835" points="716.797,102.106 704.36,96.766 721.94,142.149 "/>
<polygon fill="#363A3C" points="741.737,111.547 716.797,102.106 721.94,142.149 "/>
<polygon fill="#242523" points="749.682,118.646 746.883,107.445 741.737,111.547 "/>
<polygon fill="#030404" points="721.94,142.149 749.682,118.646 741.737,111.547 "/>
<polygon fill="#211F21" points="778.529,117.929 749.682,118.646 765.051,131.214 "/>
<polygon fill="#282828" points="802.297,130.627 778.529,117.929 765.051,131.214 "/>
<polygon fill="#030404" points="721.94,142.149 765.051,131.214 749.682,118.646 "/>
<polygon fill="#1F1F1F" points="798.781,146.125 802.297,130.627 764.792,131.002 "/>
<polygon fill="#050606" points="797.869,158.172 798.546,146.021 765.051,131.117 "/>
<polygon fill="#040405" points="721.94,142.149 797.869,158.172 765.051,131.117 "/>
<polygon fill="#0C0C0C" points="812.325,158.758 797.869,158.172 798.546,146.021 "/>
<polygon fill="#030404" points="848.011,123.985 812.325,158.758 873.862,158.758 "/>
<polygon fill="#010202" points="875.49,134.924 873.862,158.758 848.011,123.985 "/>
<polygon fill="#040405" points="871.063,107.575 848.011,123.985 875.49,134.924 "/>
<polygon fill="#020304" points="900.301,132.646 871.063,107.575 892.486,94.878 "/>
<polygon fill="#020203" points="873.862,158.758 900.301,132.646 881.809,116.789 "/>
<polygon fill="#222321" points="875.49,134.924 876.782,143.335 881.809,116.789 871.063,107.575 "/>
<polygon fill="#041818" points="873.862,158.758 876.782,143.335 875.49,135.251 "/>
<polygon fill="#020203" points="900.301,158.498 900.301,132.646 873.862,158.758 "/>
<polygon fill="#020304" points="897.501,188.647 900.301,158.498 873.862,158.758 "/>
<polygon fill="#010202" points="812.325,158.758 897.501,188.647 873.862,158.758 "/>
<polygon fill="#040405" points="890.533,212.545 897.501,188.647 850.591,172.186 "/>
<polygon fill="#2A2D34" points="865.657,200.564 877.998,199.88 890.533,212.545 "/>
<polygon fill="#020203" points="838.698,195.225 812.325,158.758 850.591,172.186 "/>
<polygon fill="#010202" points="859.698,181.388 838.698,195.225 850.591,171.913 "/>
<polygon fill="#22262B" points="878.815,200.424 827.848,201.345 859.654,181.062 "/>
<polygon fill="#222725" points="890.533,212.545 864.029,214.564 865.657,200.663 "/>
<polygon fill="#0F0F0F" points="887.407,221.922 890.533,212.545 864.029,214.564 "/>
<polygon fill="#19201B" points="827.848,201.345 864.06,214.3 865.657,200.663 "/>
<polygon fill="#040405" points="769.738,169.764 812.325,158.758 825.513,176.991 "/>
<polygon fill="#030404" points="827.848,201.345 825.513,176.991 838.303,194.679 "/>
<polygon fill="#020203" points="769.738,169.764 827.848,201.345 825.513,176.991 "/>
<polygon fill="#040405" points="797.869,158.172 797.869,162.494 812.325,158.758 "/>
<polygon fill="#020203" points="769.738,169.764 827.848,237.094 827.848,201.345 "/>
<polygon fill="#040405" points="834.693,237.094 827.848,237.094 827.848,201.345 "/>
<polygon fill="#0F0F0F" points="861.751,229.573 864.029,214.564 887.407,221.922 "/>
<polygon fill="#111111" points="827.848,201.345 861.751,229.573 834.693,237.094 "/>
<polygon fill="#0A0B0B" points="864.06,214.3 861.751,229.573 827.848,201.345 "/>
<polygon fill="#050606" points="887.407,221.922 886.072,237.682 834.693,237.094 "/>
<polygon fill="#070808" points="887.407,269.816 865.168,247.938 886.072,237.682 "/>
<polygon fill="#010203" points="920.16,309.278 887.407,269.816 837.817,336.041 "/>
<polygon fill="#040405" points="939.891,372.768 920.16,309.278 837.817,336.041 "/>
<polygon fill="#010202" points="856.865,366.028 939.891,372.768 837.817,336.041 "/>
<polygon fill="#565754" points="887.927,407.247 939.891,372.768 929.83,408.908 "/>
<polygon fill="#020304" points="856.621,365.644 887.927,406.856 939.891,372.768 "/>
<polygon fill="#171717" points="887.341,432.645 887.927,407.247 929.83,408.908 "/>
<polygon fill="#0D0D0D" points="894.765,468.296 887.341,432.645 929.83,408.908 "/>
<polygon fill="#010202" points="887.927,407.247 822.776,473.474 887.341,432.645 "/>
<polygon fill="#010202" points="833.326,402.755 822.776,473.474 887.927,407.247 "/>
<polygon fill="#010202" points="856.182,365.644 833.326,402.755 887.927,407.247 "/>
<polygon fill="#0B0B0C" points="849.052,525.925 894.765,468.296 822.776,473.474 "/>
<polygon fill="#0D0D0D" points="745.807,541.261 822.776,473.474 849.052,525.925 "/>
<polygon fill="#171717" points="778.725,577.01 745.807,541.261 849.052,525.925 "/>
<polygon fill="#1A1A1A" points="699.605,587.071 778.725,577.01 745.807,541.261 "/>
<polygon fill="#0C0C0C" points="665.614,551.469 745.807,541.261 699.605,587.071 "/>
<polygon fill="#0E0E0E" points="605.445,561.87 699.605,587.071 665.614,551.469 "/>
<polygon fill="#111111" points="609.678,506.033 605.445,561.87 665.614,551.469 "/>
<polygon fill="#010202" points="652.526,465.008 609.157,506.033 665.614,551.469 "/>
<polygon fill="#010202" points="736.397,463.314 660.84,519.932 652.526,465.008 "/>
<polygon fill="#040405" points="822.776,473.474 736.397,463.314 745.807,541.261 "/>
<polygon fill="#020203" points="660.84,519.932 745.807,541.261 665.614,551.469 "/>
<polygon fill="#010202" points="736.397,463.314 745.807,541.261 713.698,480.324 "/>
<polygon fill="#010202" points="660.84,519.932 745.807,541.261 713.698,480.324 "/>
<polygon fill="#010202" points="822.776,473.474 778.594,418.645 833.326,402.755 "/>
<polygon fill="#040405" points="652.526,465.008 778.594,418.645 736.397,463.314 "/>
<polygon fill="#030404" points="822.776,473.474 778.594,418.645 736.397,463.314 "/>
<polygon fill="#0B0B0C" points="569.305,537.549 605.445,561.382 609.157,506.033 "/>
<polygon fill="#010202" points="609.157,450.291 652.526,465.008 609.157,506.033 "/>
<polygon fill="#1A1A1A" points="539.351,517.754 609.157,506.033 569.305,537.549 "/>
<polygon fill="#1A1A1A" points="544.69,470.868 609.157,506.033 539.351,517.754 "/>
<polygon fill="#040506" points="609.157,450.291 544.69,470.868 609.157,506.033 "/>
<polygon fill="#070808" points="509.788,427.5 539.351,517.754 544.69,470.868 "/>
<polygon fill="#111111" points="514.216,483.632 539.351,517.754 509.788,427.5 "/>
<polygon fill="#010202" points="503.275,393.771 595.222,374.365 585.063,419.165 "/>
<polygon fill="#0B0B0C" points="509.788,427.5 503.275,393.771 585.063,419.165 "/>
<polygon fill="#030404" points="544.69,470.868 585.063,419.165 509.788,427.5 "/>
<polygon fill="#010202" points="609.157,450.291 585.063,419.165 544.69,470.868 "/>
<polygon fill="#010202" points="640.414,419.165 609.157,450.291 652.611,465.576 "/>
<polygon fill="#040405" points="691.075,406.271 778.594,418.645 652.456,464.984 "/>
<polygon fill="#030404" points="865.168,247.938 886.072,237.682 827.848,237.094 "/>
<polygon fill="#050407" points="837.817,336.041 865.168,247.938 887.407,269.816 "/>
<polygon fill="#010202" points="786.278,247.938 865.01,248.448 837.817,336.041 "/>
<polygon fill="#020304" points="827.848,237.094 786.278,247.938 865.01,248.448 "/>
<polygon fill="#010202" points="769.738,169.764 786.278,247.938 827.848,237.094 "/>
<polygon fill="#020203" points="725.848,271.478 769.738,169.764 786.278,247.938 "/>
<polygon fill="#010202" points="784.324,312.501 786.278,247.938 725.848,271.478 "/>
<polygon fill="#010202" points="837.817,336.041 784.324,312.501 786.278,247.938 "/>
<polygon fill="#010202" points="726.051,271.006 783.617,312.005 739.653,313.803 "/>
<polygon fill="#010202" points="669.847,345.062 725.848,271.478 749.812,347.145 "/>
<polygon fill="#010202" points="783.617,312.005 749.812,347.145 739.653,313.803 "/>
<polygon fill="#010202" points="669.847,345.062 690.424,374.365 696.023,345.743 "/>
<polygon fill="#010202" points="749.284,347.131 690.424,374.365 696.023,345.743 "/>
<polygon fill="#020404" points="783.617,312.005 783.617,336.041 749.812,347.145 "/>
<polygon fill="#020203" points="837.817,336.041 811.803,334.121 783.617,312.005 "/>
<polygon fill="#010202" points="783.617,336.041 811.803,334.121 783.617,312.005 "/>
<polygon fill="#010202" points="689.903,374.365 755.411,389.081 749.284,347.131 "/>
<polygon fill="#010202" points="691.075,406.271 640.414,419.165 652.456,464.984 "/>
<polygon fill="#020203" points="608.688,450.441 608.688,385.435 640.414,419.165 "/>
<polygon fill="#010202" points="585.063,419.165 608.688,385.435 609.02,450.114 "/>
<polygon fill="#020203" points="595.222,374.365 608.688,385.435 585.063,419.165 "/>
<polygon fill="#020203" points="504.316,367.266 503.275,393.835 595.222,374.429 "/>
<polygon fill="#010202" points="547.426,326.827 504.316,367.201 595.222,374.365 "/>
<polygon fill="#020203" points="514.997,293.748 504.316,367.201 547.426,326.827 "/>
<polygon fill="#010202" points="605.641,318.752 543.233,322.551 514.997,293.748 "/>
<polygon fill="#020203" points="595.222,374.365 605.641,318.752 543.233,322.551 "/>
<polygon fill="#141414" points="585.845,241.915 605.641,318.752 536.095,230.258 "/>
<polygon fill="#010202" points="726.051,272.12 585.845,241.915 605.641,318.752 "/>
<polygon fill="#030404" points="797.869,158.172 797.549,158.305 769.738,169.764 797.869,162.494 "/>
<polygon fill="#030404" points="721.94,142.149 769.738,169.764 797.869,158.172 "/>
<polygon fill="#010202" points="636.902,189.494 721.94,142.149 662.726,155.043 "/>
<polygon fill="#0D0E09" points="725.457,271.992 638.15,189.211 585.845,241.915 "/>
<polygon fill="#111111" points="769.738,169.764 638.15,189.211 721.94,142.149 "/>
<polygon fill="#07090C" points="725.457,271.992 638.15,189.211 769.738,169.764 "/>
<polygon fill="#010202" points="669.847,345.062 726.051,272.12 605.641,318.752 "/>
<polygon fill="#010202" points="691.075,406.271 690.297,374.184 755.411,389.081 "/>
<polygon fill="#010202" points="778.594,418.645 755.411,389.081 691.075,406.271 "/>
<polygon fill="#020304" points="749.284,347.131 783.617,336.041 754.834,388.948 "/>
<polygon fill="#020203" points="811.803,334.121 783.617,336.041 773.857,353.979 "/>
<polygon fill="#1B2116" points="837.817,336.041 835.865,360.953 811.803,334.121 "/>
<polygon fill="#050407" points="856.182,365.644 837.817,336.041 835.865,360.953 "/>
<polygon fill="#020203" points="833.326,402.755 834.107,385.173 856.182,365.644 "/>
<polygon fill="#050407" points="835.865,360.953 834.107,385.173 856.182,365.644 "/>
<polygon fill="#030405" points="814.572,399.825 778.594,418.645 833.326,402.755 "/>
<polygon fill="#010203" points="834.107,385.173 814.572,399.825 833.326,402.755 "/>
<polygon fill="#010202" points="775.599,389.567 778.594,418.645 801.127,406.856 "/>
<polygon fill="#0F0F0F" points="773.857,353.979 775.599,389.567 755.273,388.143 "/>
<polygon fill="#010202" points="778.594,418.645 755.273,388.143 775.599,389.567 "/>
<polygon fill="#1D2027" points="814.572,399.825 790.043,399.352 801.127,406.856 "/>
<polygon fill="#8EB99E" points="835.865,360.953 818.381,371.774 818.967,358.409 "/>
<polygon fill="#95BEA4" points="825.629,349.717 818.952,358.57 835.85,361.114 "/>
<polygon fill="#9CD3CB" points="834.594,378.461 818.381,371.774 835.865,360.953 "/>
<polygon fill="#C8E1D2" points="820.208,395.597 834.594,378.461 818.612,371.869 "/>
<polygon fill="#040807" points="834.107,385.173 834.594,378.461 820.208,395.597 "/>
<polygon fill="#8CBE9B" points="814.572,399.825 811.071,385.173 820.208,395.597 "/>
<polygon fill="#8CBE9B" points="818.381,371.774 811.071,385.173 820.208,395.597 "/>
<polygon fill="#BBDECD" points="788.948,377.815 783.617,394.999 790.043,399.352 "/>
<polygon fill="#BBDECD" points="804.771,399.636 788.948,377.815 790.043,399.352 "/>
<polygon fill="#BDDDCC" points="811.071,385.173 804.771,399.636 814.572,399.825 "/>
<polygon fill="#D4E9DE" points="788.948,377.815 775.599,389.567 783.617,394.999 "/>
<polygon fill="#CAE4D6" points="775.024,377.815 788.948,377.815 775.599,389.567 "/>
<polygon fill="#61B593" points="781.986,363.619 775.024,377.815 788.948,377.815 "/>
<polygon fill="#8EB99E" points="774.234,361.666 781.986,363.619 775.024,377.815 "/>
<polygon fill="#B9DDCE" points="794.517,385.492 810.933,385.492 804.771,399.636 "/>
<polygon fill="#95BEA4" points="773.857,353.979 781.986,363.619 774.234,361.666 "/>
<polygon fill="#021313" points="788.948,377.815 794.517,385.492 810.933,385.492 "/>
<polygon fill="#485B4A" points="818.967,358.409 817.993,341.023 825.643,349.555 "/>
<polygon fill="#CAE4D6" points="781.986,363.619 782.566,349.423 773.857,353.979 "/>
<polygon fill="#080708" points="807.376,368.567 788.948,377.815 810.933,385.492 "/>
<polygon fill="#021313" points="818.381,371.774 807.376,368.567 811.071,385.173 "/>
<polygon fill="#080708" points="781.986,363.619 807.376,368.567 788.948,377.815 "/>
<polygon fill="#1B2116" points="817.993,341.023 796.425,342.17 811.803,334.121 "/>
<polygon fill="#05070A" points="818.967,358.409 807.376,368.567 818.381,371.774 "/>
<polygon fill="#05070A" points="791.943,365.644 818.967,358.409 807.376,368.567 "/>
<polygon fill="#D4E9DE" points="796.425,342.17 781.986,363.619 782.566,349.423 "/>
<polygon fill="#05070A" points="818.967,358.409 796.425,342.17 817.993,341.023 "/>
<polygon fill="#05050A" points="791.943,365.644 796.425,342.17 781.986,363.619 "/>
<polygon fill="#05070A" points="818.967,358.409 791.943,365.644 796.425,342.17 "/>
<polygon fill="#020203" points="691.075,406.271 628.287,406.271 640.414,419.165 "/>
<polygon fill="#030305" points="690.297,374.184 676.945,385.435 691.075,406.271 "/>
<polygon fill="#030305" points="665.419,406.271 676.945,385.435 691.075,406.271 "/>
<polygon fill="#020203" points="605.641,318.752 609.02,345.743 595.222,374.365 "/>
<polygon fill="#06080C" points="609.157,385.933 609.157,364.172 595.222,374.365 "/>
<polygon fill="#0A0C12" points="609.02,345.743 609.157,364.172 595.222,374.365 "/>
<polygon fill="#030305" points="669.847,345.062 676.945,385.435 690.297,374.184 "/>
<polygon fill="#2E7F34" points="640.414,406.271 634.554,389.081 652.456,389.081 "/>
<polygon fill="#C5DDC9" points="620.531,398.026 634.554,389.567 628.287,406.271 "/>
<polygon fill="#C5DEC9" points="640.414,406.271 628.287,406.271 634.554,389.567 "/>
<polygon fill="#828968" points="624.552,342.587 609.02,359.713 625.469,358.312 "/>
<polygon fill="#96C197" points="623.614,370.229 609.157,385.933 609.02,359.713 "/>
<polygon fill="#348348" points="623.614,381.266 609.157,385.933 623.614,370.229 "/>
<polygon fill="#9AC8A6" points="634.554,389.081 623.614,381.266 620.531,398.026 "/>
<polygon fill="#DBEDE4" points="609.157,385.933 620.203,397.676 623.614,381.266 "/>
<polygon fill="#030405" points="609.02,345.743 624.552,342.587 609.02,359.713 "/>
<polygon fill="#020203" points="605.641,318.752 624.102,342.587 609.02,345.743 "/>
<polygon fill="#020203" points="605.641,318.752 614.023,329.575 614.023,322.188 "/>
<polygon fill="#030405" points="651.16,337.501 650.444,337.638 624.552,342.587 614.023,329.575 "/>
<polygon fill="#65A565" points="652.456,389.081 665.419,406.271 640.414,406.271 "/>
<polygon fill="#050606" points="623.614,381.266 634.554,389.081 646.176,368.106 "/>
<polygon fill="#050606" points="623.614,370.229 646.176,368.106 623.614,381.266 "/>
<polygon fill="#4D754A" points="625.469,358.312 623.614,370.229 609.02,359.712 "/>
<polygon fill="#020304" points="646.176,368.106 652.456,389.081 634.554,389.081 "/>
<polygon fill="#040506" points="651.16,337.501 672.912,362.494 669.847,345.062 "/>
<polygon fill="#608A5E" points="659.167,365.735 672.912,362.494 676.861,384.958 "/>
<polygon fill="#0F2517" points="665.419,406.271 665.419,393.771 652.456,389.081 "/>
<polygon fill="#030405" points="676.945,385.435 665.419,393.771 665.419,406.271 "/>
<polygon fill="#1B3C1D" points="658.093,381.266 665.419,393.771 652.456,389.081 "/>
<polygon fill="#68A95E" points="676.945,385.435 658.093,381.266 665.419,393.771 "/>
<polygon fill="#040E0B" points="646.176,368.106 658.093,381.266 652.456,389.081 "/>
<polygon fill="#4D754A" points="625.469,358.312 637.685,340.076 624.552,342.587 "/>
<polygon fill="#050606" points="646.176,368.106 637.093,360.953 623.614,370.229 "/>
<polygon fill="#040D0F" points="625.469,358.312 637.093,360.953 623.614,370.229 "/>
<polygon fill="#466A43" points="659.167,365.735 651.16,337.501 672.912,362.494 "/>
<polygon fill="#0A0B08" points="637.685,340.076 637.093,360.953 625.469,358.312 "/>
<polygon fill="#111111" points="651.16,337.501 637.093,361.34 637.685,340.076 "/>
<polygon fill="#68A95E" points="659.167,365.735 658.093,381.266 676.945,385.435 "/>
<polygon fill="#040E0B" points="646.176,368.106 659.167,365.735 658.093,381.266 "/>
<polygon fill="#0A080A" points="649.205,355.87 637.585,361.34 646.176,368.106 "/>
<polygon fill="#0A080A" points="659.167,365.735 649.205,355.87 646.176,368.106 "/>
<polygon fill="#111111" points="651.16,337.501 649.205,355.87 659.167,365.735 "/>
<polygon fill="#111111" points="637.093,361.34 651.16,337.501 649.205,355.87 "/>
</svg>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Svg polycat - Script Codes CSS Codes

body { background-color: #1c2027;
}
.wrapper { max-width: 1000px; max-height: 590px; margin-left: auto; margin-right: auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 600; perspective: 600;
}
.wrapper:hover svg.cat > polygon { -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); transform: translateX(0px) translateY(0px) rotate(0deg);
}
.wrapper:hover .polycat { stroke-dashoffset: 0; -webkit-transition-delay: .5s; transition-delay: .5s;
}
.loader { width: 1000px; height: 10px; margin-left: auto; margin-right: auto;
}
#mm { color: #fff; background: lightgrey; width: 10px;
}
.polycat { position: absolute; left: 0; right: 70px; top: 400px; margin: auto; max-height: 500px; max-width: 500px; stroke-dasharray: 207; stroke-dashoffset: 207; -webkit-transition: all 2.5s ease-out; transition: all 2.5s ease-out; stroke-width: 3;
}
svg.cat > polygon { -webkit-transition: all .1 ease; transition: all .1 ease; position: absolute; -webkit-transform-origin: center center; transform-origin: center center;
}
svg.cat > polygon:nth-child(1) { -webkit-transform: rotate(131deg) translateX(10px) translateY(3px) translateZ(20px); transform: rotate(131deg) translateX(10px) translateY(3px) translateZ(20px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(2) { -webkit-transform: rotate(136deg) translateX(28px) translateY(3px) translateZ(-36px); transform: rotate(136deg) translateX(28px) translateY(3px) translateZ(-36px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(3) { -webkit-transform: rotate(16deg) translateX(329px) translateY(10px) translateZ(290px); transform: rotate(16deg) translateX(329px) translateY(10px) translateZ(290px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(4) { -webkit-transform: rotate(8deg) translateX(-35px) translateY(4px) translateZ(-52px); transform: rotate(8deg) translateX(-35px) translateY(4px) translateZ(-52px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(5) { -webkit-transform: rotate(39deg) translateX(400px) translateY(9px) translateZ(13px); transform: rotate(39deg) translateX(400px) translateY(9px) translateZ(13px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(6) { -webkit-transform: rotate(32deg) translateX(-139px) translateY(3px) translateZ(71px); transform: rotate(32deg) translateX(-139px) translateY(3px) translateZ(71px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(7) { -webkit-transform: rotate(165deg) translateX(169px) translateY(4px) translateZ(254px); transform: rotate(165deg) translateX(169px) translateY(4px) translateZ(254px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(8) { -webkit-transform: rotate(27deg) translateX(-96px) translateY(1px) translateZ(265px); transform: rotate(27deg) translateX(-96px) translateY(1px) translateZ(265px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(9) { -webkit-transform: rotate(152deg) translateX(-116px) translateY(3px) translateZ(185px); transform: rotate(152deg) translateX(-116px) translateY(3px) translateZ(185px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(10) { -webkit-transform: rotate(153deg) translateX(292px) translateY(1px) translateZ(166px); transform: rotate(153deg) translateX(292px) translateY(1px) translateZ(166px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(11) { -webkit-transform: rotate(163deg) translateX(298px) translateY(1px) translateZ(299px); transform: rotate(163deg) translateX(298px) translateY(1px) translateZ(299px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(12) { -webkit-transform: rotate(131deg) translateX(-156px) translateY(4px) translateZ(-1px); transform: rotate(131deg) translateX(-156px) translateY(4px) translateZ(-1px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(13) { -webkit-transform: rotate(114deg) translateX(196px) translateY(9px) translateZ(209px); transform: rotate(114deg) translateX(196px) translateY(9px) translateZ(209px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(14) { -webkit-transform: rotate(4deg) translateX(-44px) translateY(7px) translateZ(300px); transform: rotate(4deg) translateX(-44px) translateY(7px) translateZ(300px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(15) { -webkit-transform: rotate(112deg) translateX(-165px) translateY(1px) translateZ(51px); transform: rotate(112deg) translateX(-165px) translateY(1px) translateZ(51px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(16) { -webkit-transform: rotate(82deg) translateX(332px) translateY(8px) translateZ(209px); transform: rotate(82deg) translateX(332px) translateY(8px) translateZ(209px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(17) { -webkit-transform: rotate(39deg) translateX(466px) translateY(5px) translateZ(81px); transform: rotate(39deg) translateX(466px) translateY(5px) translateZ(81px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(18) { -webkit-transform: rotate(71deg) translateX(43px) translateY(5px) translateZ(295px); transform: rotate(71deg) translateX(43px) translateY(5px) translateZ(295px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(19) { -webkit-transform: rotate(147deg) translateX(88px) translateY(7px) translateZ(86px); transform: rotate(147deg) translateX(88px) translateY(7px) translateZ(86px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(20) { -webkit-transform: rotate(9deg) translateX(51px) translateY(2px) translateZ(29px); transform: rotate(9deg) translateX(51px) translateY(2px) translateZ(29px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(21) { -webkit-transform: rotate(58deg) translateX(250px) translateY(10px) translateZ(272px); transform: rotate(58deg) translateX(250px) translateY(10px) translateZ(272px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(22) { -webkit-transform: rotate(114deg) translateX(485px) translateY(3px) translateZ(294px); transform: rotate(114deg) translateX(485px) translateY(3px) translateZ(294px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(23) { -webkit-transform: rotate(45deg) translateX(437px) translateY(1px) translateZ(63px); transform: rotate(45deg) translateX(437px) translateY(1px) translateZ(63px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(24) { -webkit-transform: rotate(47deg) translateX(28px) translateY(7px) translateZ(201px); transform: rotate(47deg) translateX(28px) translateY(7px) translateZ(201px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(25) { -webkit-transform: rotate(136deg) translateX(515px) translateY(4px) translateZ(-34px); transform: rotate(136deg) translateX(515px) translateY(4px) translateZ(-34px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(26) { -webkit-transform: rotate(80deg) translateX(-109px) translateY(8px) translateZ(182px); transform: rotate(80deg) translateX(-109px) translateY(8px) translateZ(182px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(27) { -webkit-transform: rotate(101deg) translateX(580px) translateY(6px) translateZ(176px); transform: rotate(101deg) translateX(580px) translateY(6px) translateZ(176px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(28) { -webkit-transform: rotate(62deg) translateX(322px) translateY(3px) translateZ(260px); transform: rotate(62deg) translateX(322px) translateY(3px) translateZ(260px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(29) { -webkit-transform: rotate(73deg) translateX(406px) translateY(6px) translateZ(285px); transform: rotate(73deg) translateX(406px) translateY(6px) translateZ(285px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(30) { -webkit-transform: rotate(156deg) translateX(243px) translateY(6px) translateZ(164px); transform: rotate(156deg) translateX(243px) translateY(6px) translateZ(164px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(31) { -webkit-transform: rotate(190deg) translateX(227px) translateY(9px) translateZ(127px); transform: rotate(190deg) translateX(227px) translateY(9px) translateZ(127px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(32) { -webkit-transform: rotate(40deg) translateX(-96px) translateY(2px) translateZ(-17px); transform: rotate(40deg) translateX(-96px) translateY(2px) translateZ(-17px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(33) { -webkit-transform: rotate(106deg) translateX(386px) translateY(6px) translateZ(215px); transform: rotate(106deg) translateX(386px) translateY(6px) translateZ(215px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(34) { -webkit-transform: rotate(164deg) translateX(-81px) translateY(2px) translateZ(89px); transform: rotate(164deg) translateX(-81px) translateY(2px) translateZ(89px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(35) { -webkit-transform: rotate(132deg) translateX(419px) translateY(5px) translateZ(38px); transform: rotate(132deg) translateX(419px) translateY(5px) translateZ(38px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(36) { -webkit-transform: rotate(75deg) translateX(336px) translateY(8px) translateZ(271px); transform: rotate(75deg) translateX(336px) translateY(8px) translateZ(271px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(37) { -webkit-transform: rotate(12deg) translateX(561px) translateY(1px) translateZ(4px); transform: rotate(12deg) translateX(561px) translateY(1px) translateZ(4px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(38) { -webkit-transform: rotate(62deg) translateX(46px) translateY(5px) translateZ(251px); transform: rotate(62deg) translateX(46px) translateY(5px) translateZ(251px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(39) { -webkit-transform: rotate(16deg) translateX(-58px) translateY(3px) translateZ(251px); transform: rotate(16deg) translateX(-58px) translateY(3px) translateZ(251px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(40) { -webkit-transform: rotate(84deg) translateX(168px) translateY(10px) translateZ(68px); transform: rotate(84deg) translateX(168px) translateY(10px) translateZ(68px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(41) { -webkit-transform: rotate(113deg) translateX(550px) translateY(6px) translateZ(-18px); transform: rotate(113deg) translateX(550px) translateY(6px) translateZ(-18px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(42) { -webkit-transform: rotate(26deg) translateX(-173px) translateY(7px) translateZ(113px); transform: rotate(26deg) translateX(-173px) translateY(7px) translateZ(113px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(43) { -webkit-transform: rotate(139deg) translateX(-8px) translateY(8px) translateZ(-88px); transform: rotate(139deg) translateX(-8px) translateY(8px) translateZ(-88px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(44) { -webkit-transform: rotate(167deg) translateX(165px) translateY(10px) translateZ(289px); transform: rotate(167deg) translateX(165px) translateY(10px) translateZ(289px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(45) { -webkit-transform: rotate(106deg) translateX(248px) translateY(7px) translateZ(-16px); transform: rotate(106deg) translateX(248px) translateY(7px) translateZ(-16px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(46) { -webkit-transform: rotate(89deg) translateX(304px) translateY(8px) translateZ(-70px); transform: rotate(89deg) translateX(304px) translateY(8px) translateZ(-70px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(47) { -webkit-transform: rotate(181deg) translateX(482px) translateY(3px) translateZ(237px); transform: rotate(181deg) translateX(482px) translateY(3px) translateZ(237px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(48) { -webkit-transform: rotate(189deg) translateX(469px) translateY(1px) translateZ(299px); transform: rotate(189deg) translateX(469px) translateY(1px) translateZ(299px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(49) { -webkit-transform: rotate(22deg) translateX(74px) translateY(5px) translateZ(35px); transform: rotate(22deg) translateX(74px) translateY(5px) translateZ(35px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(50) { -webkit-transform: rotate(67deg) translateX(-63px) translateY(6px) translateZ(106px); transform: rotate(67deg) translateX(-63px) translateY(6px) translateZ(106px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(51) { -webkit-transform: rotate(164deg) translateX(73px) translateY(8px) translateZ(230px); transform: rotate(164deg) translateX(73px) translateY(8px) translateZ(230px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(52) { -webkit-transform: rotate(139deg) translateX(44px) translateY(5px) translateZ(-23px); transform: rotate(139deg) translateX(44px) translateY(5px) translateZ(-23px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(53) { -webkit-transform: rotate(55deg) translateX(-8px) translateY(9px) translateZ(242px); transform: rotate(55deg) translateX(-8px) translateY(9px) translateZ(242px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(54) { -webkit-transform: rotate(109deg) translateX(-110px) translateY(5px) translateZ(171px); transform: rotate(109deg) translateX(-110px) translateY(5px) translateZ(171px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(55) { -webkit-transform: rotate(150deg) translateX(85px) translateY(9px) translateZ(68px); transform: rotate(150deg) translateX(85px) translateY(9px) translateZ(68px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(56) { -webkit-transform: rotate(132deg) translateX(72px) translateY(10px) translateZ(120px); transform: rotate(132deg) translateX(72px) translateY(10px) translateZ(120px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(57) { -webkit-transform: rotate(8deg) translateX(127px) translateY(6px) translateZ(167px); transform: rotate(8deg) translateX(127px) translateY(6px) translateZ(167px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(58) { -webkit-transform: rotate(183deg) translateX(1px) translateY(10px) translateZ(165px); transform: rotate(183deg) translateX(1px) translateY(10px) translateZ(165px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(59) { -webkit-transform: rotate(79deg) translateX(420px) translateY(7px) translateZ(0px); transform: rotate(79deg) translateX(420px) translateY(7px) translateZ(0px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(60) { -webkit-transform: rotate(47deg) translateX(400px) translateY(5px) translateZ(39px); transform: rotate(47deg) translateX(400px) translateY(5px) translateZ(39px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(61) { -webkit-transform: rotate(29deg) translateX(99px) translateY(9px) translateZ(9px); transform: rotate(29deg) translateX(99px) translateY(9px) translateZ(9px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(62) { -webkit-transform: rotate(127deg) translateX(74px) translateY(2px) translateZ(252px); transform: rotate(127deg) translateX(74px) translateY(2px) translateZ(252px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(63) { -webkit-transform: rotate(169deg) translateX(99px) translateY(2px) translateZ(-3px); transform: rotate(169deg) translateX(99px) translateY(2px) translateZ(-3px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(64) { -webkit-transform: rotate(190deg) translateX(235px) translateY(8px) translateZ(131px); transform: rotate(190deg) translateX(235px) translateY(8px) translateZ(131px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(65) { -webkit-transform: rotate(55deg) translateX(-83px) translateY(3px) translateZ(212px); transform: rotate(55deg) translateX(-83px) translateY(3px) translateZ(212px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(66) { -webkit-transform: rotate(158deg) translateX(-1px) translateY(4px) translateZ(87px); transform: rotate(158deg) translateX(-1px) translateY(4px) translateZ(87px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(67) { -webkit-transform: rotate(14deg) translateX(597px) translateY(5px) translateZ(-6px); transform: rotate(14deg) translateX(597px) translateY(5px) translateZ(-6px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(68) { -webkit-transform: rotate(181deg) translateX(275px) translateY(4px) translateZ(71px); transform: rotate(181deg) translateX(275px) translateY(4px) translateZ(71px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(69) { -webkit-transform: rotate(166deg) translateX(128px) translateY(4px) translateZ(-62px); transform: rotate(166deg) translateX(128px) translateY(4px) translateZ(-62px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(70) { -webkit-transform: rotate(124deg) translateX(374px) translateY(4px) translateZ(127px); transform: rotate(124deg) translateX(374px) translateY(4px) translateZ(127px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(71) { -webkit-transform: rotate(132deg) translateX(-121px) translateY(8px) translateZ(275px); transform: rotate(132deg) translateX(-121px) translateY(8px) translateZ(275px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(72) { -webkit-transform: rotate(43deg) translateX(351px) translateY(7px) translateZ(248px); transform: rotate(43deg) translateX(351px) translateY(7px) translateZ(248px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(73) { -webkit-transform: rotate(29deg) translateX(298px) translateY(3px) translateZ(228px); transform: rotate(29deg) translateX(298px) translateY(3px) translateZ(228px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(74) { -webkit-transform: rotate(14deg) translateX(28px) translateY(6px) translateZ(32px); transform: rotate(14deg) translateX(28px) translateY(6px) translateZ(32px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(75) { -webkit-transform: rotate(185deg) translateX(519px) translateY(8px) translateZ(6px); transform: rotate(185deg) translateX(519px) translateY(8px) translateZ(6px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(76) { -webkit-transform: rotate(132deg) translateX(419px) translateY(3px) translateZ(105px); transform: rotate(132deg) translateX(419px) translateY(3px) translateZ(105px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(77) { -webkit-transform: rotate(169deg) translateX(558px) translateY(4px) translateZ(39px); transform: rotate(169deg) translateX(558px) translateY(4px) translateZ(39px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(78) { -webkit-transform: rotate(169deg) translateX(19px) translateY(5px) translateZ(105px); transform: rotate(169deg) translateX(19px) translateY(5px) translateZ(105px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(79) { -webkit-transform: rotate(10deg) translateX(288px) translateY(9px) translateZ(3px); transform: rotate(10deg) translateX(288px) translateY(9px) translateZ(3px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(80) { -webkit-transform: rotate(93deg) translateX(447px) translateY(3px) translateZ(279px); transform: rotate(93deg) translateX(447px) translateY(3px) translateZ(279px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(81) { -webkit-transform: rotate(16deg) translateX(248px) translateY(6px) translateZ(-60px); transform: rotate(16deg) translateX(248px) translateY(6px) translateZ(-60px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(82) { -webkit-transform: rotate(57deg) translateX(576px) translateY(5px) translateZ(203px); transform: rotate(57deg) translateX(576px) translateY(5px) translateZ(203px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(83) { -webkit-transform: rotate(42deg) translateX(509px) translateY(1px) translateZ(-59px); transform: rotate(42deg) translateX(509px) translateY(1px) translateZ(-59px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(84) { -webkit-transform: rotate(28deg) translateX(-96px) translateY(5px) translateZ(-33px); transform: rotate(28deg) translateX(-96px) translateY(5px) translateZ(-33px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(85) { -webkit-transform: rotate(34deg) translateX(-145px) translateY(7px) translateZ(19px); transform: rotate(34deg) translateX(-145px) translateY(7px) translateZ(19px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(86) { -webkit-transform: rotate(84deg) translateX(491px) translateY(8px) translateZ(64px); transform: rotate(84deg) translateX(491px) translateY(8px) translateZ(64px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(87) { -webkit-transform: rotate(133deg) translateX(323px) translateY(6px) translateZ(226px); transform: rotate(133deg) translateX(323px) translateY(6px) translateZ(226px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(88) { -webkit-transform: rotate(48deg) translateX(94px) translateY(5px) translateZ(-90px); transform: rotate(48deg) translateX(94px) translateY(5px) translateZ(-90px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(89) { -webkit-transform: rotate(168deg) translateX(214px) translateY(7px) translateZ(185px); transform: rotate(168deg) translateX(214px) translateY(7px) translateZ(185px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(90) { -webkit-transform: rotate(78deg) translateX(55px) translateY(4px) translateZ(201px); transform: rotate(78deg) translateX(55px) translateY(4px) translateZ(201px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(91) { -webkit-transform: rotate(91deg) translateX(54px) translateY(8px) translateZ(-7px); transform: rotate(91deg) translateX(54px) translateY(8px) translateZ(-7px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(92) { -webkit-transform: rotate(31deg) translateX(-82px) translateY(9px) translateZ(-82px); transform: rotate(31deg) translateX(-82px) translateY(9px) translateZ(-82px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(93) { -webkit-transform: rotate(58deg) translateX(115px) translateY(3px) translateZ(-66px); transform: rotate(58deg) translateX(115px) translateY(3px) translateZ(-66px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(94) { -webkit-transform: rotate(185deg) translateX(-36px) translateY(5px) translateZ(86px); transform: rotate(185deg) translateX(-36px) translateY(5px) translateZ(86px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(95) { -webkit-transform: rotate(128deg) translateX(68px) translateY(6px) translateZ(217px); transform: rotate(128deg) translateX(68px) translateY(6px) translateZ(217px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(96) { -webkit-transform: rotate(172deg) translateX(405px) translateY(5px) translateZ(88px); transform: rotate(172deg) translateX(405px) translateY(5px) translateZ(88px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(97) { -webkit-transform: rotate(165deg) translateX(282px) translateY(2px) translateZ(-60px); transform: rotate(165deg) translateX(282px) translateY(2px) translateZ(-60px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(98) { -webkit-transform: rotate(145deg) translateX(-3px) translateY(3px) translateZ(-70px); transform: rotate(145deg) translateX(-3px) translateY(3px) translateZ(-70px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(99) { -webkit-transform: rotate(115deg) translateX(443px) translateY(2px) translateZ(30px); transform: rotate(115deg) translateX(443px) translateY(2px) translateZ(30px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(100) { -webkit-transform: rotate(81deg) translateX(342px) translateY(1px) translateZ(295px); transform: rotate(81deg) translateX(342px) translateY(1px) translateZ(295px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(101) { -webkit-transform: rotate(181deg) translateX(179px) translateY(2px) translateZ(109px); transform: rotate(181deg) translateX(179px) translateY(2px) translateZ(109px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(102) { -webkit-transform: rotate(191deg) translateX(112px) translateY(8px) translateZ(-57px); transform: rotate(191deg) translateX(112px) translateY(8px) translateZ(-57px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(103) { -webkit-transform: rotate(185deg) translateX(413px) translateY(9px) translateZ(63px); transform: rotate(185deg) translateX(413px) translateY(9px) translateZ(63px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(104) { -webkit-transform: rotate(113deg) translateX(279px) translateY(3px) translateZ(260px); transform: rotate(113deg) translateX(279px) translateY(3px) translateZ(260px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(105) { -webkit-transform: rotate(41deg) translateX(288px) translateY(6px) translateZ(228px); transform: rotate(41deg) translateX(288px) translateY(6px) translateZ(228px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(106) { -webkit-transform: rotate(152deg) translateX(-15px) translateY(1px) translateZ(239px); transform: rotate(152deg) translateX(-15px) translateY(1px) translateZ(239px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(107) { -webkit-transform: rotate(67deg) translateX(240px) translateY(9px) translateZ(-88px); transform: rotate(67deg) translateX(240px) translateY(9px) translateZ(-88px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(108) { -webkit-transform: rotate(92deg) translateX(270px) translateY(7px) translateZ(252px); transform: rotate(92deg) translateX(270px) translateY(7px) translateZ(252px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(109) { -webkit-transform: rotate(183deg) translateX(269px) translateY(5px) translateZ(288px); transform: rotate(183deg) translateX(269px) translateY(5px) translateZ(288px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(110) { -webkit-transform: rotate(73deg) translateX(201px) translateY(8px) translateZ(-99px); transform: rotate(73deg) translateX(201px) translateY(8px) translateZ(-99px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(111) { -webkit-transform: rotate(74deg) translateX(472px) translateY(2px) translateZ(287px); transform: rotate(74deg) translateX(472px) translateY(2px) translateZ(287px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(112) { -webkit-transform: rotate(21deg) translateX(24px) translateY(3px) translateZ(-49px); transform: rotate(21deg) translateX(24px) translateY(3px) translateZ(-49px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(113) { -webkit-transform: rotate(193deg) translateX(184px) translateY(5px) translateZ(39px); transform: rotate(193deg) translateX(184px) translateY(5px) translateZ(39px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(114) { -webkit-transform: rotate(8deg) translateX(55px) translateY(5px) translateZ(265px); transform: rotate(8deg) translateX(55px) translateY(5px) translateZ(265px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(115) { -webkit-transform: rotate(125deg) translateX(14px) translateY(9px) translateZ(159px); transform: rotate(125deg) translateX(14px) translateY(9px) translateZ(159px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(116) { -webkit-transform: rotate(176deg) translateX(-189px) translateY(6px) translateZ(246px); transform: rotate(176deg) translateX(-189px) translateY(6px) translateZ(246px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(117) { -webkit-transform: rotate(45deg) translateX(361px) translateY(9px) translateZ(137px); transform: rotate(45deg) translateX(361px) translateY(9px) translateZ(137px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(118) { -webkit-transform: rotate(72deg) translateX(240px) translateY(7px) translateZ(297px); transform: rotate(72deg) translateX(240px) translateY(7px) translateZ(297px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(119) { -webkit-transform: rotate(58deg) translateX(585px) translateY(8px) translateZ(29px); transform: rotate(58deg) translateX(585px) translateY(8px) translateZ(29px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(120) { -webkit-transform: rotate(60deg) translateX(211px) translateY(7px) translateZ(34px); transform: rotate(60deg) translateX(211px) translateY(7px) translateZ(34px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(121) { -webkit-transform: rotate(58deg) translateX(225px) translateY(10px) translateZ(223px); transform: rotate(58deg) translateX(225px) translateY(10px) translateZ(223px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(122) { -webkit-transform: rotate(30deg) translateX(579px) translateY(10px) translateZ(186px); transform: rotate(30deg) translateX(579px) translateY(10px) translateZ(186px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(123) { -webkit-transform: rotate(8deg) translateX(186px) translateY(1px) translateZ(-32px); transform: rotate(8deg) translateX(186px) translateY(1px) translateZ(-32px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(124) { -webkit-transform: rotate(35deg) translateX(-163px) translateY(6px) translateZ(206px); transform: rotate(35deg) translateX(-163px) translateY(6px) translateZ(206px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(125) { -webkit-transform: rotate(188deg) translateX(113px) translateY(8px) translateZ(60px); transform: rotate(188deg) translateX(113px) translateY(8px) translateZ(60px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(126) { -webkit-transform: rotate(113deg) translateX(-126px) translateY(6px) translateZ(109px); transform: rotate(113deg) translateX(-126px) translateY(6px) translateZ(109px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(127) { -webkit-transform: rotate(36deg) translateX(514px) translateY(9px) translateZ(-10px); transform: rotate(36deg) translateX(514px) translateY(9px) translateZ(-10px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(128) { -webkit-transform: rotate(156deg) translateX(426px) translateY(1px) translateZ(-17px); transform: rotate(156deg) translateX(426px) translateY(1px) translateZ(-17px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(129) { -webkit-transform: rotate(167deg) translateX(-108px) translateY(3px) translateZ(135px); transform: rotate(167deg) translateX(-108px) translateY(3px) translateZ(135px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(130) { -webkit-transform: rotate(43deg) translateX(-143px) translateY(6px) translateZ(200px); transform: rotate(43deg) translateX(-143px) translateY(6px) translateZ(200px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(131) { -webkit-transform: rotate(165deg) translateX(275px) translateY(3px) translateZ(62px); transform: rotate(165deg) translateX(275px) translateY(3px) translateZ(62px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(132) { -webkit-transform: rotate(27deg) translateX(459px) translateY(3px) translateZ(-53px); transform: rotate(27deg) translateX(459px) translateY(3px) translateZ(-53px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(133) { -webkit-transform: rotate(130deg) translateX(266px) translateY(5px) translateZ(-88px); transform: rotate(130deg) translateX(266px) translateY(5px) translateZ(-88px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(134) { -webkit-transform: rotate(63deg) translateX(-109px) translateY(8px) translateZ(21px); transform: rotate(63deg) translateX(-109px) translateY(8px) translateZ(21px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(135) { -webkit-transform: rotate(21deg) translateX(-187px) translateY(5px) translateZ(208px); transform: rotate(21deg) translateX(-187px) translateY(5px) translateZ(208px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(136) { -webkit-transform: rotate(185deg) translateX(-56px) translateY(6px) translateZ(-54px); transform: rotate(185deg) translateX(-56px) translateY(6px) translateZ(-54px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(137) { -webkit-transform: rotate(55deg) translateX(424px) translateY(6px) translateZ(-38px); transform: rotate(55deg) translateX(424px) translateY(6px) translateZ(-38px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(138) { -webkit-transform: rotate(114deg) translateX(-76px) translateY(9px) translateZ(218px); transform: rotate(114deg) translateX(-76px) translateY(9px) translateZ(218px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(139) { -webkit-transform: rotate(113deg) translateX(373px) translateY(1px) translateZ(88px); transform: rotate(113deg) translateX(373px) translateY(1px) translateZ(88px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(140) { -webkit-transform: rotate(164deg) translateX(175px) translateY(6px) translateZ(161px); transform: rotate(164deg) translateX(175px) translateY(6px) translateZ(161px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(141) { -webkit-transform: rotate(162deg) translateX(373px) translateY(5px) translateZ(-5px); transform: rotate(162deg) translateX(373px) translateY(5px) translateZ(-5px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(142) { -webkit-transform: rotate(30deg) translateX(113px) translateY(6px) translateZ(-81px); transform: rotate(30deg) translateX(113px) translateY(6px) translateZ(-81px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(143) { -webkit-transform: rotate(53deg) translateX(175px) translateY(8px) translateZ(289px); transform: rotate(53deg) translateX(175px) translateY(8px) translateZ(289px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(144) { -webkit-transform: rotate(71deg) translateX(-89px) translateY(7px) translateZ(186px); transform: rotate(71deg) translateX(-89px) translateY(7px) translateZ(186px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(145) { -webkit-transform: rotate(120deg) translateX(-89px) translateY(1px) translateZ(-25px); transform: rotate(120deg) translateX(-89px) translateY(1px) translateZ(-25px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(146) { -webkit-transform: rotate(130deg) translateX(263px) translateY(7px) translateZ(136px); transform: rotate(130deg) translateX(263px) translateY(7px) translateZ(136px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(147) { -webkit-transform: rotate(91deg) translateX(90px) translateY(9px) translateZ(263px); transform: rotate(91deg) translateX(90px) translateY(9px) translateZ(263px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(148) { -webkit-transform: rotate(100deg) translateX(346px) translateY(10px) translateZ(113px); transform: rotate(100deg) translateX(346px) translateY(10px) translateZ(113px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(149) { -webkit-transform: rotate(92deg) translateX(-50px) translateY(5px) translateZ(298px); transform: rotate(92deg) translateX(-50px) translateY(5px) translateZ(298px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(150) { -webkit-transform: rotate(185deg) translateX(375px) translateY(7px) translateZ(236px); transform: rotate(185deg) translateX(375px) translateY(7px) translateZ(236px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(151) { -webkit-transform: rotate(1deg) translateX(200px) translateY(1px) translateZ(-4px); transform: rotate(1deg) translateX(200px) translateY(1px) translateZ(-4px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(152) { -webkit-transform: rotate(48deg) translateX(565px) translateY(3px) translateZ(147px); transform: rotate(48deg) translateX(565px) translateY(3px) translateZ(147px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(153) { -webkit-transform: rotate(126deg) translateX(209px) translateY(4px) translateZ(193px); transform: rotate(126deg) translateX(209px) translateY(4px) translateZ(193px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(154) { -webkit-transform: rotate(181deg) translateX(385px) translateY(3px) translateZ(215px); transform: rotate(181deg) translateX(385px) translateY(3px) translateZ(215px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(155) { -webkit-transform: rotate(185deg) translateX(555px) translateY(6px) translateZ(-1px); transform: rotate(185deg) translateX(555px) translateY(6px) translateZ(-1px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(156) { -webkit-transform: rotate(52deg) translateX(7px) translateY(9px) translateZ(82px); transform: rotate(52deg) translateX(7px) translateY(9px) translateZ(82px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(157) { -webkit-transform: rotate(199deg) translateX(-28px) translateY(3px) translateZ(86px); transform: rotate(199deg) translateX(-28px) translateY(3px) translateZ(86px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(158) { -webkit-transform: rotate(8deg) translateX(199px) translateY(7px) translateZ(-24px); transform: rotate(8deg) translateX(199px) translateY(7px) translateZ(-24px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(159) { -webkit-transform: rotate(138deg) translateX(294px) translateY(6px) translateZ(12px); transform: rotate(138deg) translateX(294px) translateY(6px) translateZ(12px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(160) { -webkit-transform: rotate(131deg) translateX(320px) translateY(3px) translateZ(300px); transform: rotate(131deg) translateX(320px) translateY(3px) translateZ(300px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(161) { -webkit-transform: rotate(37deg) translateX(216px) translateY(3px) translateZ(117px); transform: rotate(37deg) translateX(216px) translateY(3px) translateZ(117px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(162) { -webkit-transform: rotate(118deg) translateX(-115px) translateY(9px) translateZ(38px); transform: rotate(118deg) translateX(-115px) translateY(9px) translateZ(38px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(163) { -webkit-transform: rotate(93deg) translateX(-53px) translateY(9px) translateZ(-62px); transform: rotate(93deg) translateX(-53px) translateY(9px) translateZ(-62px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(164) { -webkit-transform: rotate(121deg) translateX(475px) translateY(3px) translateZ(2px); transform: rotate(121deg) translateX(475px) translateY(3px) translateZ(2px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(165) { -webkit-transform: rotate(71deg) translateX(346px) translateY(8px) translateZ(-52px); transform: rotate(71deg) translateX(346px) translateY(8px) translateZ(-52px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(166) { -webkit-transform: rotate(107deg) translateX(574px) translateY(4px) translateZ(286px); transform: rotate(107deg) translateX(574px) translateY(4px) translateZ(286px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(167) { -webkit-transform: rotate(133deg) translateX(445px) translateY(9px) translateZ(157px); transform: rotate(133deg) translateX(445px) translateY(9px) translateZ(157px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(168) { -webkit-transform: rotate(99deg) translateX(-186px) translateY(2px) translateZ(129px); transform: rotate(99deg) translateX(-186px) translateY(2px) translateZ(129px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(169) { -webkit-transform: rotate(48deg) translateX(40px) translateY(3px) translateZ(263px); transform: rotate(48deg) translateX(40px) translateY(3px) translateZ(263px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(170) { -webkit-transform: rotate(110deg) translateX(419px) translateY(3px) translateZ(-42px); transform: rotate(110deg) translateX(419px) translateY(3px) translateZ(-42px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(171) { -webkit-transform: rotate(182deg) translateX(511px) translateY(4px) translateZ(74px); transform: rotate(182deg) translateX(511px) translateY(4px) translateZ(74px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(172) { -webkit-transform: rotate(36deg) translateX(-25px) translateY(8px) translateZ(-61px); transform: rotate(36deg) translateX(-25px) translateY(8px) translateZ(-61px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(173) { -webkit-transform: rotate(105deg) translateX(33px) translateY(10px) translateZ(-79px); transform: rotate(105deg) translateX(33px) translateY(10px) translateZ(-79px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(174) { -webkit-transform: rotate(127deg) translateX(319px) translateY(3px) translateZ(-69px); transform: rotate(127deg) translateX(319px) translateY(3px) translateZ(-69px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(175) { -webkit-transform: rotate(128deg) translateX(392px) translateY(2px) translateZ(-49px); transform: rotate(128deg) translateX(392px) translateY(2px) translateZ(-49px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(176) { -webkit-transform: rotate(31deg) translateX(-195px) translateY(5px) translateZ(162px); transform: rotate(31deg) translateX(-195px) translateY(5px) translateZ(162px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(177) { -webkit-transform: rotate(127deg) translateX(-42px) translateY(9px) translateZ(208px); transform: rotate(127deg) translateX(-42px) translateY(9px) translateZ(208px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(178) { -webkit-transform: rotate(178deg) translateX(220px) translateY(1px) translateZ(-28px); transform: rotate(178deg) translateX(220px) translateY(1px) translateZ(-28px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(179) { -webkit-transform: rotate(198deg) translateX(-33px) translateY(5px) translateZ(177px); transform: rotate(198deg) translateX(-33px) translateY(5px) translateZ(177px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(180) { -webkit-transform: rotate(113deg) translateX(-120px) translateY(2px) translateZ(22px); transform: rotate(113deg) translateX(-120px) translateY(2px) translateZ(22px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(181) { -webkit-transform: rotate(149deg) translateX(543px) translateY(2px) translateZ(-50px); transform: rotate(149deg) translateX(543px) translateY(2px) translateZ(-50px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(182) { -webkit-transform: rotate(127deg) translateX(43px) translateY(1px) translateZ(173px); transform: rotate(127deg) translateX(43px) translateY(1px) translateZ(173px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(183) { -webkit-transform: rotate(36deg) translateX(313px) translateY(2px) translateZ(-89px); transform: rotate(36deg) translateX(313px) translateY(2px) translateZ(-89px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(184) { -webkit-transform: rotate(12deg) translateX(120px) translateY(2px) translateZ(-46px); transform: rotate(12deg) translateX(120px) translateY(2px) translateZ(-46px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(185) { -webkit-transform: rotate(190deg) translateX(404px) translateY(2px) translateZ(-93px); transform: rotate(190deg) translateX(404px) translateY(2px) translateZ(-93px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(186) { -webkit-transform: rotate(171deg) translateX(137px) translateY(7px) translateZ(213px); transform: rotate(171deg) translateX(137px) translateY(7px) translateZ(213px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(187) { -webkit-transform: rotate(169deg) translateX(-142px) translateY(8px) translateZ(240px); transform: rotate(169deg) translateX(-142px) translateY(8px) translateZ(240px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(188) { -webkit-transform: rotate(85deg) translateX(-42px) translateY(10px) translateZ(94px); transform: rotate(85deg) translateX(-42px) translateY(10px) translateZ(94px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(189) { -webkit-transform: rotate(137deg) translateX(275px) translateY(5px) translateZ(65px); transform: rotate(137deg) translateX(275px) translateY(5px) translateZ(65px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(190) { -webkit-transform: rotate(172deg) translateX(-73px) translateY(1px) translateZ(-71px); transform: rotate(172deg) translateX(-73px) translateY(1px) translateZ(-71px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(191) { -webkit-transform: rotate(77deg) translateX(270px) translateY(7px) translateZ(283px); transform: rotate(77deg) translateX(270px) translateY(7px) translateZ(283px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(192) { -webkit-transform: rotate(102deg) translateX(221px) translateY(8px) translateZ(30px); transform: rotate(102deg) translateX(221px) translateY(8px) translateZ(30px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(193) { -webkit-transform: rotate(9deg) translateX(390px) translateY(9px) translateZ(-80px); transform: rotate(9deg) translateX(390px) translateY(9px) translateZ(-80px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(194) { -webkit-transform: rotate(21deg) translateX(-154px) translateY(10px) translateZ(117px); transform: rotate(21deg) translateX(-154px) translateY(10px) translateZ(117px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(195) { -webkit-transform: rotate(77deg) translateX(495px) translateY(5px) translateZ(84px); transform: rotate(77deg) translateX(495px) translateY(5px) translateZ(84px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(196) { -webkit-transform: rotate(177deg) translateX(57px) translateY(3px) translateZ(163px); transform: rotate(177deg) translateX(57px) translateY(3px) translateZ(163px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(197) { -webkit-transform: rotate(97deg) translateX(578px) translateY(3px) translateZ(275px); transform: rotate(97deg) translateX(578px) translateY(3px) translateZ(275px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(198) { -webkit-transform: rotate(11deg) translateX(542px) translateY(8px) translateZ(283px); transform: rotate(11deg) translateX(542px) translateY(8px) translateZ(283px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(199) { -webkit-transform: rotate(116deg) translateX(204px) translateY(3px) translateZ(141px); transform: rotate(116deg) translateX(204px) translateY(3px) translateZ(141px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(200) { -webkit-transform: rotate(149deg) translateX(176px) translateY(4px) translateZ(-63px); transform: rotate(149deg) translateX(176px) translateY(4px) translateZ(-63px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(201) { -webkit-transform: rotate(25deg) translateX(-145px) translateY(4px) translateZ(62px); transform: rotate(25deg) translateX(-145px) translateY(4px) translateZ(62px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(202) { -webkit-transform: rotate(119deg) translateX(73px) translateY(7px) translateZ(299px); transform: rotate(119deg) translateX(73px) translateY(7px) translateZ(299px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(203) { -webkit-transform: rotate(186deg) translateX(100px) translateY(9px) translateZ(201px); transform: rotate(186deg) translateX(100px) translateY(9px) translateZ(201px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(204) { -webkit-transform: rotate(18deg) translateX(253px) translateY(6px) translateZ(31px); transform: rotate(18deg) translateX(253px) translateY(6px) translateZ(31px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(205) { -webkit-transform: rotate(60deg) translateX(357px) translateY(3px) translateZ(28px); transform: rotate(60deg) translateX(357px) translateY(3px) translateZ(28px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(206) { -webkit-transform: rotate(178deg) translateX(322px) translateY(5px) translateZ(38px); transform: rotate(178deg) translateX(322px) translateY(5px) translateZ(38px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(207) { -webkit-transform: rotate(9deg) translateX(101px) translateY(8px) translateZ(209px); transform: rotate(9deg) translateX(101px) translateY(8px) translateZ(209px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(208) { -webkit-transform: rotate(5deg) translateX(528px) translateY(1px) translateZ(154px); transform: rotate(5deg) translateX(528px) translateY(1px) translateZ(154px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(209) { -webkit-transform: rotate(37deg) translateX(138px) translateY(2px) translateZ(114px); transform: rotate(37deg) translateX(138px) translateY(2px) translateZ(114px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(210) { -webkit-transform: rotate(94deg) translateX(144px) translateY(5px) translateZ(232px); transform: rotate(94deg) translateX(144px) translateY(5px) translateZ(232px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(211) { -webkit-transform: rotate(182deg) translateX(-7px) translateY(2px) translateZ(103px); transform: rotate(182deg) translateX(-7px) translateY(2px) translateZ(103px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(212) { -webkit-transform: rotate(114deg) translateX(249px) translateY(3px) translateZ(38px); transform: rotate(114deg) translateX(249px) translateY(3px) translateZ(38px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(213) { -webkit-transform: rotate(127deg) translateX(586px) translateY(6px) translateZ(252px); transform: rotate(127deg) translateX(586px) translateY(6px) translateZ(252px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(214) { -webkit-transform: rotate(42deg) translateX(-134px) translateY(3px) translateZ(-10px); transform: rotate(42deg) translateX(-134px) translateY(3px) translateZ(-10px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(215) { -webkit-transform: rotate(200deg) translateX(308px) translateY(8px) translateZ(159px); transform: rotate(200deg) translateX(308px) translateY(8px) translateZ(159px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(216) { -webkit-transform: rotate(72deg) translateX(47px) translateY(5px) translateZ(257px); transform: rotate(72deg) translateX(47px) translateY(5px) translateZ(257px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(217) { -webkit-transform: rotate(63deg) translateX(68px) translateY(5px) translateZ(268px); transform: rotate(63deg) translateX(68px) translateY(5px) translateZ(268px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(218) { -webkit-transform: rotate(123deg) translateX(246px) translateY(6px) translateZ(193px); transform: rotate(123deg) translateX(246px) translateY(6px) translateZ(193px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(219) { -webkit-transform: rotate(85deg) translateX(-114px) translateY(1px) translateZ(286px); transform: rotate(85deg) translateX(-114px) translateY(1px) translateZ(286px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(220) { -webkit-transform: rotate(30deg) translateX(502px) translateY(7px) translateZ(41px); transform: rotate(30deg) translateX(502px) translateY(7px) translateZ(41px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(221) { -webkit-transform: rotate(89deg) translateX(389px) translateY(2px) translateZ(-87px); transform: rotate(89deg) translateX(389px) translateY(2px) translateZ(-87px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(222) { -webkit-transform: rotate(61deg) translateX(-129px) translateY(2px) translateZ(56px); transform: rotate(61deg) translateX(-129px) translateY(2px) translateZ(56px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(223) { -webkit-transform: rotate(137deg) translateX(535px) translateY(5px) translateZ(124px); transform: rotate(137deg) translateX(535px) translateY(5px) translateZ(124px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(224) { -webkit-transform: rotate(12deg) translateX(524px) translateY(8px) translateZ(219px); transform: rotate(12deg) translateX(524px) translateY(8px) translateZ(219px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(225) { -webkit-transform: rotate(37deg) translateX(519px) translateY(1px) translateZ(165px); transform: rotate(37deg) translateX(519px) translateY(1px) translateZ(165px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(226) { -webkit-transform: rotate(23deg) translateX(497px) translateY(10px) translateZ(195px); transform: rotate(23deg) translateX(497px) translateY(10px) translateZ(195px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(227) { -webkit-transform: rotate(9deg) translateX(-173px) translateY(7px) translateZ(206px); transform: rotate(9deg) translateX(-173px) translateY(7px) translateZ(206px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(228) { -webkit-transform: rotate(45deg) translateX(-135px) translateY(7px) translateZ(69px); transform: rotate(45deg) translateX(-135px) translateY(7px) translateZ(69px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(229) { -webkit-transform: rotate(73deg) translateX(543px) translateY(8px) translateZ(243px); transform: rotate(73deg) translateX(543px) translateY(8px) translateZ(243px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(230) { -webkit-transform: rotate(36deg) translateX(325px) translateY(1px) translateZ(-84px); transform: rotate(36deg) translateX(325px) translateY(1px) translateZ(-84px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(231) { -webkit-transform: rotate(105deg) translateX(391px) translateY(6px) translateZ(17px); transform: rotate(105deg) translateX(391px) translateY(6px) translateZ(17px); -webkit-transition: all 2s ease; transition: all 2s ease;
}
svg.cat > polygon:nth-child(232) { -webkit-transform: rotate(167deg) translateX(16px) translateY(6px) translateZ(-39px); transform: rotate(167deg) translateX(16px) translateY(6px) translateZ(-39px); -webkit-transition: all 2s ease; transition: all 2s ease;
}

Svg polycat - Script Codes JS Codes

/*
$(window).load(function() { //Set variables var wrapper = $('.wrapper'); var poly = $('svg.cat > polygon'); var polycat = $('svg.cat'); var loader = $('#mm'); //Get data out of mousemove wrapper.on('mousemove', function(e) { var offset = $(this).offset(); var relativeX = (e.pageX - offset.left); if(relativeX > 207){ var relativeX = 207; } $('#mm').text(relativeX); polycat.css({ 'stroke-dasharray': (relativeX), 'stroke-dashoffset': (relativeX), }); loader.css({ width: (relativeX) + ('px'), }); });
});
var counter= 0;
var tis = $(this);
var variable = {};
$('polygon').each(function(){ counter++; variable["poly"+counter] = tis.position(); console.log('poly'+counter);
});
//Count polygons
//var count = $("path").length;
//alert(count);
//var path = document.querySelector("svg path");
//var total_length = path.getTotalLength();
//alert(total_length)
*/

Home Page	Home
Developer	Rune Sejer Hoffmann
Username	RSH87
Uploaded	December 10, 2022
Rating	3
Size	15,836 Kb
Views	8,096

Do you need developer help for Svg polycat?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Rune Sejer Hoffmann (RSH87) Script Codes

Name	Size
3d mini flip player concept	4,967 Kb
AngularJS Todolist	7,699 Kb
Search concept	4,003 Kb
Offset menu	5,402 Kb
Fadout menu concept	3,451 Kb
3D CSS Gameboy	5,541 Kb
A Pen by Rune Sejer Hoffmann	2,211 Kb
Another menu concept	4,533 Kb
Social sharing button	4,072 Kb
Login form	5,147 Kb

Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
Perspective Origin Demo	Agelber	3,614 Kb
Drag in vanilla js using dotval math instead of translate	Paulq	2,662 Kb
My three.js practice	Esambino	3,203 Kb
Expandable Left Side Bar with jQuery animate	Retrofuturistic	2,483 Kb
Slider css only	Armandobau	2,161 Kb
Search Box in Content Moves to Fixed Header	Chriscoyier	2,768 Kb
Drag and Drop Quiz	Cgspicer	3,837 Kb
Promodoro	Bencarp	1,712 Kb
LDE old privacy page	Jasonangle	2,339 Kb
STAR WARS LIGHTSABER	Francoiscoron	4,420 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!