Веб-анимации

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/javascript/web-animations</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/javascript/web-animations" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill-rule="nonzero"> <rect id="mask" stroke="#000000" stroke-width="2" fill="#FFFFFF" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="spider" transform="translate(11.000000, -12.000000)" fill="#000000"> <path d="M46.4340331,20.2897769 C46.3453471,20.2828388 46.2557562,20.2771074 46.1664669,20.2710744 C46.069938,20.1600661 45.8964876,20.1108967 45.7453595,20.2330661 C45.742343,20.2354793 45.7390248,20.2381942 45.7357066,20.2409091 C45.6569752,20.2354793 45.5779421,20.2303512 45.4995124,20.2243182 C45.5507934,20.1314091 45.5429504,20.0083347 45.4210826,19.9338264 C41.8935537,17.7761033 38.8921074,15.7140041 37.098781,11.8410826 C35.4659339,8.31476033 34.5697231,4.50971074 33.726905,0.736636364 C33.7679298,0.676909091 33.8086529,0.616578512 33.8496777,0.55685124 C34.1311198,0.147809917 33.4692934,-0.229859504 33.1872479,0.169830579 C33.1742769,0.188231405 33.1610041,0.206632231 33.1480331,0.225033058 C33.091624,0.219603306 33.0328017,0.223826446 32.9709628,0.252483471 C24.2700868,4.30911157 14.4280579,3.45814876 5.60893388,6.93349174 C5.54649174,6.88613223 5.48616116,6.83515289 5.42371901,6.78809504 C5.34106612,6.72565289 5.25992149,6.75310331 5.19778099,6.80740083 C4.94529752,6.71750826 4.61317769,6.89397521 4.7290124,7.21282231 C7.38747934,14.5327314 5.16490083,21.4372645 3.09918182,28.5686405 C2.20266942,29.0343926 1.31038017,29.5073843 0.428950413,30.0008884 C0.0470578512,30.2147603 0.30768595,30.8980041 0.735429752,30.7278719 C1.70283058,30.3435661 2.6856157,29.9251736 3.67292562,29.4901901 C10.4495579,31.5788347 16.7347975,35.0282355 23.3675413,37.5207934 C23.835405,39.2371983 24.3310207,40.9403306 24.8824421,42.6069628 C24.9352314,42.7662355 25.0637355,42.8145 25.1883182,42.8078636 C25.3294917,47.5567851 25.6582934,52.3225992 25.8736736,57.0715207 C24.6028099,57.0479917 23.4317934,57.5668347 22.5763058,58.4693802 C22.3757066,58.6217149 22.2004463,58.7999917 22.0230744,58.9755537 C20.5567397,57.1225 20.8617107,54.7861983 21.9895909,52.7011736 C22.2227686,52.2701116 21.6064917,51.9174793 21.3371157,52.3198843 C19.8312645,54.568405 19.5736529,57.6060496 21.5087562,59.567095 C20.9775455,60.2633099 20.5902231,61.065405 20.4291405,61.9447231 C17.5685661,61.5341736 16.3532066,58.6539917 16.0265165,55.8591777 C15.9764421,55.4299256 15.3900289,55.4193678 15.3502107,55.8591777 C15.0699752,58.9550413 17.1483636,62.5697479 20.3428678,62.7462149 C20.3262769,63.240624 20.3654917,63.7467975 20.4891694,64.2602107 C18.7525537,64.138343 16.9233306,64.9003182 16.0370744,66.4236653 C15.8467314,66.7509587 16.2759835,67.0562314 16.5456612,66.8161157 C17.922405,65.5923099 19.1986983,65.0306322 20.7751364,65.1069504 C21.0200785,65.6948719 21.3310826,66.2333223 21.7274545,66.6851983 C19.5148306,67.3231942 17.9160702,70.5976364 19.0424421,72.614186 C19.2517893,72.9894421 19.8918967,72.7378636 19.7486116,72.3164545 C19.0994545,70.4063884 20.4366818,67.7762769 22.4245744,67.364219 C22.9265248,67.7678306 23.4906157,68.0818512 24.09,68.2942149 C23.6465702,68.7937521 23.4417479,69.4417025 23.8179091,70.0736653 C24.0049339,70.387686 24.4694793,70.1759256 24.3943678,69.8305331 C24.286376,69.3346157 24.534938,68.8386983 24.9267851,68.5258843 C25.4646322,68.6275413 26.0178636,68.6429256 26.5698884,68.5810868 C26.7228264,68.7904339 26.7949215,69.0567934 26.8347397,69.3400455 C26.892657,69.7521033 26.7252397,70.0902562 26.7532934,70.4821033 C26.7710909,70.7318719 27.0018554,70.853438 27.2235702,70.7520826 C27.8872066,70.4483182 27.7134545,69.3889132 27.5611198,68.8151694 C27.5240165,68.6749008 27.4654959,68.5494132 27.4057686,68.4254339 C28.0859959,68.2387107 28.7490289,67.919562 29.3589711,67.4453636 C29.4226198,67.3958926 29.4754091,67.3388802 29.5360413,67.2872975 C32.0638926,67.854405 33.6575248,69.8368678 33.382719,72.6600372 C33.3444091,73.0539959 33.9784835,73.1315207 34.069281,72.7529463 C34.7241694,70.014843 32.7887645,67.1506488 30.1236612,66.6951529 C30.6907686,66.0203554 31.0367645,65.2279132 31.2093099,64.3959545 C32.4310041,64.4074174 33.5778884,64.7452686 34.2119628,66.0007479 C34.3636942,66.3011942 34.8810289,66.0915455 34.7624793,65.7687769 C34.1959752,64.2258223 32.7688554,63.7214587 31.2949793,63.7371446 C31.3541033,63.0765248 31.2925661,62.4044421 31.142343,61.750157 C34.236095,61.8135041 37.0607727,59.4129504 37.0170331,56.1330785 C37.0116033,55.7376116 36.354905,55.6130289 36.2969876,56.0356446 C35.8924711,58.9903347 33.8264504,61.0111074 30.9357107,61.0379545 C30.6364711,60.189405 30.1640826,59.3999793 29.5339298,58.749314 C31.237062,57.437124 32.9217934,54.6401983 30.9031322,53.1551612 C30.6403926,52.9618017 30.3809711,53.363905 30.5725207,53.5835083 C31.9091446,55.1153017 30.411438,57.1695579 29.1040744,58.3686281 C28.9978926,58.2793388 28.9019669,58.180095 28.7885455,58.0983471 C28.0244587,57.5481322 27.2401612,57.2437645 26.476376,57.1267231 C26.6649091,52.2716198 26.5095579,47.1522686 25.7047479,42.3746901 C25.6953967,42.3188843 25.6601033,42.288719 25.6269215,42.2576488 C25.6552769,42.2286901 25.6839339,42.2003347 25.7023347,42.1547851 C29.4642479,32.8032438 38.9086983,28.002438 45.7287686,21.0692479 C45.9628512,21.0701529 46.1999504,21.0789008 46.4337314,21.0792025 C46.9480496,21.0798058 46.9350785,20.3283884 46.4340331,20.2897769 Z M32.456343,1.19635537 C31.2584793,2.88440496 30.0536777,4.57124793 28.8470661,6.26231405 C28.7632066,6.22128926 28.6618512,6.21435124 28.5523512,6.27709504 C23.2740289,9.31142149 17.7942025,10.5696157 11.9843678,12.089343 C9.98199587,10.3880207 7.9518719,8.72711983 5.87861157,7.14495041 C14.7052769,5.09129752 24.111719,4.87471074 32.456343,1.19635537 Z M32.1613264,19.418905 C29.944781,19.3226777 27.7282355,19.2397231 25.5168182,19.1890455 C24.4136736,18.2128967 23.6854835,17.0204628 23.4308884,15.5782603 C25.2800207,13.0476942 27.0733471,10.4679587 28.8479711,7.8782686 C28.3680413,11.6993058 29.2244339,16.8584752 32.1613264,19.418905 Z M12.0299174,13.467595 C13.5535661,14.7517314 15.0989339,16.0120372 16.6602893,17.2352397 C16.7519917,17.9175785 16.922124,18.5468264 16.8280083,19.2744132 C16.7166983,20.1344256 16.4584835,21.0227934 15.6319545,21.448124 C15.526376,21.5024215 15.5097851,21.6137314 15.5345207,21.7141818 C14.0114752,22.6266818 12.4959711,23.5536612 10.9590496,24.433281 C12.1192066,20.8888595 13.0781612,17.1260413 12.0299174,13.467595 Z M17.4454917,17.8451818 C18.1374835,18.3830289 18.8297769,18.9281157 19.5202603,19.4563099 C18.6460702,19.9075826 17.7872645,20.3908306 16.9341901,20.885843 C17.117595,20.5675992 17.2557521,20.214062 17.3432314,19.826438 C17.4714339,19.2569174 17.570376,18.5018802 17.4454917,17.8451818 Z M17.4946612,16.8614917 C19.1878388,16.9230289 20.8568843,16.5185124 22.3292521,15.6946983 C21.5992521,16.8023678 20.8638223,17.907624 20.1648926,19.0309793 C20.1069752,19.0264545 20.0590124,19.0355041 20.0065248,19.0572231 C19.170343,18.3302397 18.3326529,17.5951116 17.4946612,16.8614917 Z M22.9138554,16.2723636 C23.2019339,17.3685702 23.7400826,18.3528636 24.5213636,19.1718512 C23.2803636,19.147719 22.0366488,19.1139339 20.8007769,19.1075992 C21.521124,18.177 22.213719,17.221062 22.9138554,16.2723636 Z M22.8459835,14.6171942 C21.0490372,15.6192851 19.3100083,16.1848843 17.2584669,16.3550165 C17.1586198,16.3631612 17.0994959,16.4165537 17.060281,16.4814091 C15.4937975,15.1091901 13.9176612,13.7390826 12.3294587,12.3846612 C17.7350785,11.5520992 23.3744793,10.2432273 28.0727231,7.34615289 C26.3707975,9.73916529 24.6821446,12.1451488 23.0511074,14.5815992 C22.9850455,14.5728512 22.9156653,14.578281 22.8459835,14.6171942 Z M19.8997397,19.7995909 C20.2327645,22.4444835 20.6490455,25.1162231 21.1431529,27.7825331 C21.0985083,27.7662438 21.0710579,27.7505579 21.0164587,27.7339669 C19.5094008,27.2817893 18.1797149,26.374719 16.5767314,25.9892066 C15.0570041,25.6236033 13.5034917,25.4302438 11.9484711,25.279719 C14.7921529,23.6194215 17.5133636,21.7886901 19.8997397,19.7995909 Z M20.5241612,19.6554008 C21.9820496,19.8294545 23.4574339,19.9618802 24.9298017,20.1009421 C24.0610413,21.3129835 23.3473306,22.6040579 22.7741901,23.995281 C22.463186,24.7497149 22.2921488,25.6616116 22.0203595,26.4766777 C21.5187107,24.2028182 21.0116322,21.9298636 20.5241612,19.6554008 Z M3.6653843,28.2784504 C6.17815289,21.6496281 8.03935124,14.438314 5.6056157,7.56153306 C7.40980165,9.40010744 9.32529752,11.1629669 11.3089669,12.8612727 C11.3026322,12.9007893 11.2812149,12.9324628 11.2944876,12.9804256 C12.4103017,17.0325289 11.526157,20.7621653 10.483343,24.711405 C10.474595,24.7162314 10.4664504,24.7213595 10.4580041,24.726186 C8.22909091,25.9789504 5.93652893,27.1092438 3.6653843,28.2784504 Z M4.72056612,29.0156901 C6.7525,28.0881074 8.79770661,27.0718388 10.7949504,25.9533099 C13.8612521,26.1717066 19.5106074,26.228719 21.3440537,29.0422355 C21.3555165,29.0597314 21.3757273,29.0666694 21.3905083,29.0811488 C21.8909504,31.6373554 22.477062,34.1790826 23.1391901,36.6861198 C17.315781,33.754657 11.0106322,30.7568306 4.72056612,29.0156901 Z M22.2643967,27.5888719 C23.0239587,24.9506157 24.1982934,22.5642397 25.5804669,20.1664008 C28.047686,20.3908306 30.5305909,20.5558347 33.0153058,20.694595 C28.9641074,24.9774628 25.7825744,30.4959008 24.1439959,36.1672769 C23.5247025,33.3073058 22.8966612,30.4476364 22.2643967,27.5888719 Z M32.3555909,31.4367562 C29.2663636,34.1528388 26.3891983,37.3153678 25.2426157,41.3285579 C24.9602686,39.9877107 24.674905,38.6471653 24.3865248,37.3066198 C26.951781,31.1619504 29.8844504,26.0208802 33.9148347,20.7431612 C37.5355744,20.9307893 41.1523926,21.0267149 44.741157,21.0556736 C40.5683926,24.441124 36.3832603,27.8956529 32.3555909,31.4367562 Z M33.2904132,19.4719959 C29.725781,16.7088554 29.1212686,11.2522562 29.432876,7.02157438 C30.7420496,5.10577686 32.0451901,3.19028099 33.3528554,1.28413636 C33.8765248,5.23066116 34.9537273,9.21730579 36.6915496,12.7964174 C38.4616488,16.4421942 41.3813471,18.4376281 44.9233554,20.1841983 C41.0661198,19.8985331 37.1820372,19.6532893 33.2904132,19.4719959 Z" id="Shape"> </path> </g> </g> </g> </svg>