寒冬残荷 发表于 2022-10-1 17:09

庆祝中华人民共和国成立73周年！祝福祖国！祝大家节日快乐！


<style type="text/css">

.div12 {position:relative; left:0px; width:1000px; height:600px; margin:30px auto; box-shadow:0px 0px 20px 10px #ff0000; display: grid; place-items:center; overflow: hidden; z-index: 0; border:1px #cccccc solid; background-color:#ffffff;}

#div5{position: absolute; width:1000px;height:40px;top:565px; left:0px;border:0px solid #ff0000; overflow : hidden; font-family:华文彩云,微软雅黑,Arial,Lucida Grande,Tahoma,sans-serif; font-size:34px;color: #ff0000;font-weight: bold;line-height: 34px;text-align: center;}

#div6{position:relative;width:1000px;height:40px;overflow: hidden; border:0px solid #ff0000; padding : 0px; animation: mymove 10s linear infinite }
@keyframes mymove{
from {left:1000px;}
to {left:-1000px;}}
@-webkit-keyframes mymove   /* Safari and Chrome */
{
from {left:1000px;}
to {left:-1000px;}}

</style>

<div class="div12">
<video id="myVideo" autoplay="autoplay" loop="loop" controls="controls" style="margin:0px auto; width:1000px; height:570px;margin-top:-40px;" src="https://jcdn.xhby.net/JHD/resource/video/column/10/20221001/1664583686302634813.mp4" >
</video>

<div id="div5">
<div id="div6">庆祝中华人民共和国成立73周年！祝福祖国！祝大家节日快乐！</div>
</div>

</div>



195400 发表于 2022-10-1 22:04


<svg width="100%" height="100%" viewBox="0 0 1000 600"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
   <path id="MyPath"
         d="
      M 200 200
      m -150, 150
      a 200,100 0 1,0 400,0
      a 200,100 0 1,1 400,0
"/>
</defs>

<use xlink:href="#MyPath" fill="none" stroke="transparent"/>

<text font-family="Verdana" font-size="50" stroke="red" fill="yellow">
    <textPath xlink:href="#MyPath">
      庆祝伟大祖国73周年华诞！
             <animate attributeName="startOffset" from="0" to ="1028" begin="0s" dur="10s" repeatCount="indefinite" />

    </textPath>
</text>
</svg>

蓝魔 发表于 2022-10-1 22:12

欣赏一下，谢谢。

非常开心 发表于 2022-10-2 08:26

祝福祖国繁荣昌盛
欣赏楼主的新作，点赞多谢分享！
页: [1]
查看完整版本: 庆祝中华人民共和国成立73周年！祝福祖国！祝大家节日快乐！