svg滚动字幕音频音乐上下图文

源代码

<section style="margin:10px 0px;"><section style="background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjXXM83CEKaShnob6fjNQenOdm9gwAtc0S7vwVykW0KoTEQg0qkZjYUfzg3Kr9eeyf9BCCJP4OZSw/0?wx_fmt=png); background-size:100% 100%;background-position: 0% 0%; background-repeat: repeat;box-sizing: border-box;"><section style="background-color:rgba(254, 254, 254, 0.62);padding:20px;"><section style="background-color:#f7f7f7;border-radius:7px;"><p style="padding:13px 13px 13px;color: #222; font-size: 14px; letter-spacing: 2px; text-align: left;">                    选中文字可替换音乐，选中文字可替换音乐，选中文字可替换音乐，选中文字可替换音乐，选中文字可替换音乐，</p></section><section data-svg-type="6" style="padding:0px 10px 0px;"><svg xmlns="http://www.w3.org/2000/svg" style="width:100%;height:200px;"><text y="79.8114%" x="50%" fill="#383838" style="font-size:15px;text-anchor:middle;box-sizing:border-box;letter-spacing:3px;"><tspan>                            我遇见谁 会有怎样的对白</tspan><animate attributeName="y" from="110%" to="0" begin="0.5s" dur="6s" repeatCount="indefinite"></animate></text><text y="94.567%" x="50%" fill="#383838" style="font-size:15px;text-anchor:middle;box-sizing:border-box;letter-spacing:3px;"><tspan>                            我等的人 他在多远的未来</tspan><animate attributeName="y" from="120%" to="0" begin="1s" dur="6s" repeatCount="indefinite"></animate></text><text y="110.573%" x="50%" fill="#383838" style="font-size:15px;text-anchor:middle;box-sizing:border-box;letter-spacing:3px;"><tspan>                            我听见风来自地铁和人海</tspan><animate attributeName="y" from="130%" to="0" begin="1.5s" dur="6s" repeatCount="indefinite"></animate></text><text y="127.828%" x="50%" fill="#383838" style="font-size:15px;text-anchor:middle;box-sizing:border-box;letter-spacing:3px;"><tspan>                            我排着队 拿着爱的号码牌</tspan><animate attributeName="y" from="140%" to="0" begin="2s" dur="6s" repeatCount="indefinite"></animate></text></svg></section><section style="width:100%;margin:0px auto;"><img src="https://cdn.file.mixinnet.cn/htmlImg/bb554859870c6db7ec16ebea0f78ff45.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="4647"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们