http://www.veuts.com/index.html此网站的开头动画怎么做的

如何播放完后进入页面
已邀请:

Vlest

赞同来自:

使用svg做的图片
<svg viewBox="0 0 640 480" style="position: absolute; top: 50%; left: 50%;" xmlns="http://www.w3.org/2000/svg" class=" drawsvg-initialized ">
    <g stroke="#FFF" stroke-width="1" fill="none" transform="matrix(1.8476296,0,0,1.9043365,-90.00314,-515.76869)">
  <path d="m 74.249193,275.04907 28.032257,0 0,2.23034 -9.314931,0 15.218761,41.37053 0.17493,0 14.08172,-41.37053 -9.48986,0 0,-2.23034 20.77274,0 0,2.23034 -8.96508,0 -19.67943,57.77006 -1.18076,0 -21.778574,-57.77006 -7.871773,0 z" style="font-size: 89.5633px; font-variant: normal; font-stretch: normal; text-align: start; writing-mode: lr-tb; text-anchor: start; font-family: 'Bodoni MT'; stroke-dasharray: 305.275px, 305.275px; stroke-dashoffset: 0px;" id="path3332"></path>
  <path d="m 160.31391,277.27941 0,25.14594 5.29158,0 c 1.86587,3e-5 3.44751,-0.18219 4.74493,-0.54665 1.29735,-0.36441 2.46353,-1.34838 3.49856,-2.95192 1.03496,-1.60347 1.62534,-4.11078 1.77115,-7.52192 l 2.27407,0 0,24.83982 -2.27407,0 c -0.23328,-4.72304 -1.14436,-7.8353 -2.73325,-9.3368 -1.58897,-1.50144 -4.0161,-2.25217 -7.28139,-2.2522 l -5.29158,0 0,26.80776 11.93885,0 c 6.76385,0 11.45047,-1.42129 14.05986,-4.26388 2.6093,-2.84257 4.16178,-7.22306 4.65747,-13.14148 l 2.23033,0 -0.56851,19.6357 -51.99743,0 0,-2.23034 9.31493,0 0,-54.18403 -9.31493,0 0,-2.23034 49.85456,0 1.00583,15.65608 -2.23033,0 c -0.75808,-4.75217 -2.31785,-8.17784 -4.67933,-10.27703 -2.36158,-2.09909 -6.29746,-3.14866 -11.80766,-3.14871 z" style="font-size: 89.5633px; font-variant: normal; font-stretch: normal; text-align: start; writing-mode: lr-tb; text-anchor: start; font-family: 'Bodoni MT'; stroke-dasharray: 423.546px, 423.546px; stroke-dashoffset: 0px;" id="path3334"></path>
  <path d="m 251.97633,277.27941 -9.57733,0 0,-2.23034 20.94766,0 0,2.23034 -9.22746,0 0,35.4667 c -6e-5,5.13125 -0.38636,8.92136 -1.1589,11.37034 -0.77266,2.44901 -2.17937,4.50441 -4.22015,6.16622 -2.04088,1.66182 -4.48258,2.87174 -7.32512,3.62977 -2.84262,0.75802 -5.77996,1.13703 -8.81201,1.13703 -6.41407,0 -11.10797,-1.00584 -14.08173,-3.01751 -2.97379,-2.01167 -4.80325,-4.48982 -5.48837,-7.43445 -0.68515,-2.94462 -1.02772,-6.89508 -1.02771,-11.8514 l 0,-35.4667 -8.48402,0 0,-2.23034 28.03226,0 0,2.23034 -9.22747,0 0,34.46087 c -2e-5,4.75223 0.21864,8.48403 0.65598,11.19541 0.4373,2.71139 1.61806,4.97088 3.5423,6.77847 1.92418,1.80759 4.97085,2.71139 9.14,2.71139 3.38191,0 6.414,-0.69243 9.09627,-2.07728 2.68219,-1.38484 4.55538,-3.24345 5.61958,-5.57584 1.06409,-2.33236 1.59616,-6.67641 1.59622,-13.03215 z" style="font-size: 89.5633px; font-variant: normal; font-stretch: normal; text-align: start; writing-mode: lr-tb; text-anchor: start; font-family: 'Bodoni MT'; stroke-dasharray: 365.932px, 365.932px; stroke-dashoffset: 0px;" id="path3336"></path>
  <path d="m 270.38752,275.04907 49.98575,0 1.53062,19.94182 -2.23033,0 c -1.37033,-6.67638 -3.1852,-11.2974 -5.44464,-13.86306 -2.25954,-2.56556 -5.22603,-3.84837 -8.89948,-3.84842 l -4.7668,0 0,54.18403 10.4957,0 0,2.23034 -31.35589,0 0,-2.23034 10.49569,0 0,-54.18403 -4.76679,0 c -3.67351,5e-5 -6.64,1.28286 -8.89948,3.84842 -2.2595,2.56566 -4.07438,7.18668 -5.44464,13.86306 l -2.23034,0 z" style="font-size: 89.5633px; font-variant: normal; font-stretch: normal; text-align: start; writing-mode: lr-tb; text-anchor: start; font-family: 'Bodoni MT'; stroke-dasharray: 319.269px, 319.269px; stroke-dashoffset: 0px;" id="path3338"></path>
  <path d="m 364.67387,274.39309 0.2624,15.21876 -2.05541,0 c -2.91551,-9.12537 -8.06131,-13.68808 -15.43742,-13.68814 -4.08168,6e-5 -7.25225,1.1298 -9.51173,3.38924 -2.2595,2.25954 -3.38924,4.5992 -3.38923,7.01899 -1e-5,2.24496 0.94023,4.15459 2.82072,5.72891 1.88046,1.57439 5.31342,2.7916 10.2989,3.65162 4.98543,0.8601 8.78282,1.90967 11.3922,3.14871 2.60931,1.23911 4.81049,3.30181 6.60354,6.18809 1.79298,2.88634 2.68948,6.1954 2.68953,9.92718 -5e-5,5.74349 -1.87324,10.52486 -5.61957,14.34412 -3.74642,3.81927 -8.3893,5.7289 -13.92867,5.7289 -4.519,0 -9.0234,-1.6764 -13.51321,-5.02919 l -4.11081,3.6735 -1.53062,0 0,-16.39953 1.88047,0 c 1.72012,5.1604 4.12539,9.03797 7.2158,11.63273 3.09038,2.59477 6.47232,3.89216 10.14584,3.89215 3.64431,1e-5 6.98981,-1.20263 10.03651,-3.60789 3.04663,-2.40526 4.56996,-5.44463 4.57,-9.11814 -4e-5,-3.09038 -1.0569,-5.69244 -3.17058,-7.80617 -2.11375,-2.1137 -5.53942,-3.57143 -10.27703,-4.37321 -4.73767,-0.80173 -8.37471,-1.73468 -10.91116,-2.79885 -2.53647,-1.06412 -4.70849,-2.91544 -6.51607,-5.55397 -1.8076,-2.63847 -2.7114,-5.56123 -2.71139,-8.76828 -10e-6,-4.43147 1.57435,-8.38922 4.72306,-11.87326 3.1487,-3.48393 7.41986,-5.22592 12.8135,-5.22598 4.51895,6e-5 8.7318,1.42864 12.63857,4.28574 1.07868,-1.02036 2.01163,-2.2157 2.79885,-3.58603 z" style="font-size: 89.5633px; font-variant: normal; font-stretch: normal; text-align: start; writing-mode: lr-tb; text-anchor: start; font-family: 'Bodoni MT'; stroke-dasharray: 321.373px, 321.373px; stroke-dashoffset: 0px;" id="path3340"></path>
    </g>
</svg>

要回复问题请先登录注册