Как запустить анимацию

artefakt777

Постоялец
Регистрация
15 Июл 2012
Сообщения
532
Реакции
140
Нужно выдернуть фон
скачай в нужном тебе формате по ссылкам
Код:
http://static.iam.test43.ru/assets/video/preview-background.ogv
http://static.iam.test43.ru/assets/video/preview-background.mp4
http://static.iam.test43.ru/assets/video/preview-background.webm
Собственно как запустить анимацию как на оригинале?
Это просто видео.
 
Не этот фон. Там фоном выступает прорисовка svg фигур желтого цвета по контуру.
 
У вас там картинка на фоне:
Код:
http://static.iam.test43.ru/assets/images/preview-background.png
Есть там и SVG но я не вижу чтоб он чтото делал. В любом случае там это фоновая картинка только для того если видео работать не будет.
А так там именно видео и работает как и написал rafor.

Насчет желтых фигур, там тоже SVG тут:
Код:
.global-main .preview .decoration

<div class="decoration"><svg xmlns="http://www.w3.org/2000/svg" width="822.64" height="472.45" viewBox="0 0 822.64 472.45" data-scroller="" class="visible"><g class="fix"><path d="M-544.93,532.9h10.14L-544.93,543V532.9h0Zm95.28,85.15v10.14h-10.14l10.14-10.14h0Zm0-31-41.1,41.1h15.48l25.62-25.62V587.09h0Zm0-31-72.06,72.06h15.48l56.58-56.58V556.13h0Zm-7.74-23.22-87.54,87.54v7.74h7.74l87.54-87.54V532.9h-7.74Zm-31,0-56.58,56.58V605l72.06-72.06h-15.48Zm-31,0-25.62,25.62V574l41.1-41.1h-15.48Z" transform="translate(1272.28 -251)" class="transformed"></path></g><g class="fix" data-delay="0.2"><path d="M-615.85,251A75.89,75.89,0,0,1-540,326.89a75.89,75.89,0,0,1-75.88,75.88,75.89,75.89,0,0,1-75.89-75.88A75.89,75.89,0,0,1-615.85,251h0Zm0,51.19a24.7,24.7,0,0,0-24.7,24.7,24.7,24.7,0,0,0,24.7,24.7,24.7,24.7,0,0,0,24.7-24.7A24.7,24.7,0,0,0-615.85,302.19Z" transform="translate(1272.28 -251)" class="transformed"></path></g><g class="fix" data-delay="0.4"><path d="M-914.34,552.73A85.37,85.37,0,0,1-829,638.09a85.37,85.37,0,0,1-85.36,85.36,85.37,85.37,0,0,1-85.36-85.36,85.37,85.37,0,0,1,85.36-85.36h0Zm0,16.11a69.27,69.27,0,0,0-69.26,69.26,69.27,69.27,0,0,0,69.26,69.26,69.27,69.27,0,0,0,69.26-69.26A69.27,69.27,0,0,0-914.34,568.83Z" transform="translate(1272.28 -251)" class="transformed"></path></g><g class="fix" data-delay="0.6"><path d="M-1167.77,383.53v11.12l-11.12-11.12h11.12ZM-1261.16,488h-11.12V476.92l11.12,11.12h0Zm34,0L-1272.28,443v17l28.1,28.1h17Zm34,0-79-79v17l62.06,62.06h17Zm25.47-8.49-96-96h-8.49V392l96,96h8.49v-8.49h0Zm0-34-62.06-62.06h-17l79,79v-17h0Zm0-34-28.1-28.1h-17l45.08,45.08v-17Z" transform="translate(1272.28 -251)" class="transformed"></path></g><g class="fix" data-delay="0.8"><path d="M-1092.54,516.31A30.72,30.72,0,0,1-1123.26,547,30.72,30.72,0,0,1-1154,516.31a30.72,30.72,0,0,1,30.71-30.71,30.72,30.72,0,0,1,30.71,30.71h0Zm-5.79,0a24.92,24.92,0,0,0-24.92-24.92,24.92,24.92,0,0,0-24.92,24.92,24.92,24.92,0,0,0,24.92,24.92A24.92,24.92,0,0,0-1098.34,516.31Z" transform="translate(1272.28 -251)" class="transformed"></path></g><g class="fix" data-delay="1"><polygon points="461.7 241.23 447.42 249.48 433.15 257.72 433.15 274.2 433.15 290.69 447.42 298.93 461.7 307.17 475.97 298.93 490.25 290.69 490.25 274.2 490.25 257.72 475.97 249.48 461.7 241.23"></polygon></g><g class="fix" data-delay="1.2"><polygon class="cls-1" points="517.89 184.57 517.11 194.15 516.34 203.73 524.25 209.19 532.15 214.65 540.83 210.53 549.51 206.41 550.29 196.83 551.06 187.25 543.16 181.8 535.25 176.34 526.57 180.46 517.89 184.57"></polygon></g></svg><svg xmlns="http://www.w3.org/2000/svg" width="131.95" height="223" viewBox="0 0 131.95 223" data-scroller="" class="visible"><path class="transformed" d="M-1674.19,616.63a41.91,41.91,0,0,1,41.9-41.9,41.91,41.91,0,0,1,41.9,41.9,41.91,41.91,0,0,1-41.9,41.9,41.91,41.91,0,0,1-41.9-41.9h0Zm28.27,0a13.64,13.64,0,0,0,13.64,13.64,13.64,13.64,0,0,0,13.64-13.64A13.64,13.64,0,0,0-1632.29,603,13.64,13.64,0,0,0-1645.92,616.63Z" transform="translate(1722.33 -560.25)"></path><circle cx="61.74" cy="6.95" r="6.95"></circle><path class="white transformed" d="M-1643.29,574.79v2.34l2.34-2.34h-2.34Zm19.67,22h2.34v-2.34l-2.34,2.34h0Zm-7.15,0,9.5-9.5v3.58l-5.92,5.92h-3.58Zm-7.15,0,16.65-16.65v3.58l-13.07,13.07h-3.58Zm-5.37-1.79,20.23-20.23h1.79v1.79l-20.23,20.23h-1.79V595h0Zm0-7.15,13.07-13.07h3.58l-16.65,16.65v-3.58h0Zm0-7.15,5.92-5.92h3.58l-9.5,9.5v-3.58Z" transform="translate(1722.33 -560.25)"></path><circle cx="73.26" cy="98.28" r="6.95"></circle><circle cx="8.74" cy="129.73" r="6.95"></circle><circle cx="15.69" cy="207.3" r="15.69"></circle></svg></div>
 
Последнее редактирование:
Назад
Сверху