长长的龙舟
本帖最后由 起个网名好难 于 2024-6-9 21:15 编辑 <br /><br /><meta name="referrer" content="never" /><style>
#oBlk {width:1000px;height:640px;overflow:hidden;border-radius:32px;box-shadow:4px 4px 10px black;margin:80px 0 40px calc(50% - 581px);position:relative;background-color:lightgray;}
</style>
<div id="oBlk">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 1000 640" id="ccdlz">
<g transform="rotate(-90)">
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LLxh0LPSEZLdVWAd5YANsOicdgjUdJCoWN2Sw5SCklNTAic5VGQI2Blcw/640"
width="640" height="3560" opacity='0' x="-640" y="0" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p0.begin" ></set>
<animate id='p0' attributename="y" from="0" to="-3560" begin="0; ph.end" dur="35.60" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p0.begin+35.60"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LBdQyswAClNcIomPLqBT77lJ1v8T1BZdxa7v7Neemazzn5DhoygfImQ/640"
width="640" height="3559" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p1.begin" ></set>
<animate id='p1' attributename="y" from="1000" to="-3559" begin="p0.end-10" dur="45.59" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p1.begin+45.59"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LicpeYLntSzZwEQfaMYlJJMQUSbA2Q5gPSVibdvV8bSl9KzHwKPRaCLIg/640"
width="640" height="3560" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p2.begin" ></set>
<animate id='p2' attributename="y" from="1000" to="-3560" begin="p1.end-10" dur="45.60" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p2.begin+45.60"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LW3Ptt3fRHh6szBVXibcHluuuhWIH0zDlFlU8TWUzdWYMrcF8OgrrbeA/640"
width="640" height="3437.4" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p3.begin" ></set>
<animate id='p3' attributename="y" from="1000" to="-3437.4" begin="p2.end-10" dur="44.374" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p3.begin+44.374"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LpttFCZc5KC8YibhEugTFIIh3TIOfZj54UVQUcwia0oAiba6V0dBHgs8zw/640"
width="640" height="3437" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p4.begin" ></set>
<animate id='p4' attributename="y" from="1000" to="-3437" begin="p3.end-10" dur="44.37" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p4.begin+44.37"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98L6Vv0MvAe7et4bMYWXwHPUvaaEPbF4uwuhQJY2icm2wqy6MfRP335NgA/640"
width="640" height="3809" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p5.begin" ></set>
<animate id='p5' attributename="y" from="1000" to="-3809" begin="p4.end-10" dur="48.09" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p5.begin+48.09"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LV8wLgpYORBEyy5831fDUkGH4JIxuqOuMbzDZpgmYs4iaaNiacicPRYzTw/640"
width="640" height="3809" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p6.begin" ></set>
<animate id='p6' attributename="y" from="1000" to="-3809" begin="p5.end-10" dur="48.09" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p6.begin+48.09"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LUlCly1CoXfIoMVU8rIhW6ZH7bXeHuXy2cxcbgTx1Y3ZaVciahRkibMzw/640"
width="640" height="3329" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p7.begin" ></set>
<animate id='p7' attributename="y" from="1000" to="-3329" begin="p6.end-10" dur="43.29" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p7.begin+43.29"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LXfDo1iaDxUHvicO9k2S7sIhjtap1XVjlPiboyqxqfDRVH9A4RaPibDFWww/640"
width="640" height="3207" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p8.begin" ></set>
<animate id='p8' attributename="y" from="1000" to="-3207" begin="p7.end-10" dur="42.07" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p8.begin+42.07"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LCpzldJcpCzkHeZvKo8jCpT9JphOVDGZb9ZpThBXF62p8iclJLytiboew/640"
width="640" height="3206" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="p9.begin" ></set>
<animate id='p9' attributename="y" from="1000" to="-3206" begin="p8.end-10" dur="42.06" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="p9.begin+42.06"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98Lt08ZAkz2TUwupKwQfrHbhhicXelVIyanZQU9nRexbvHicDQyBVHFib1nQ/640"
width="640" height="3286" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pa.begin" ></set>
<animate id='pa' attributename="y" from="1000" to="-3286" begin="p9.end-10" dur="42.86" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pa.begin+42.86"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LxbxrNLo1oZK4V3FibfScuC48iafF1A7ibnoMtWiaePlZHkVpDiciaichzhSwg/640"
width="640" height="3286" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pb.begin" ></set>
<animate id='pb' attributename="y" from="1000" to="-3286" begin="pa.end-10" dur="42.86" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pb.begin+42.86"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LeGFOR7GicIzxkKuicqWqmEmbZh7AZGgDa7RciaHHT0NkDCfj3f3nDSjmw/640"
width="640" height="3286" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pc.begin" ></set>
<animate id='pc' attributename="y" from="1000" to="-3286" begin="pb.end-10" dur="42.86" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pc.begin+42.86"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98L4qLBMMD48sfRq9KAdr0k2F0snJftFPCTM3ORRnhub43MO38nmdDreg/640"
width="640" height="4527" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pd.begin" ></set>
<animate id='pd' attributename="y" from="1000" to="-4527" begin="pc.end-10" dur="55.27" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pd.begin+55.27"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LCwUV2niaOBYt2ed6rfGYUpn8ibhaRa3Zpfn63YGTjdiaIzC9myr1nXZSw/640"
width="640" height="4527" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pe.begin" ></set>
<animate id='pe' attributename="y" from="1000" to="-4527" begin="pd.end-10" dur="55.27" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pe.begin+55.27"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LjT8Iia3SPl0CiaZIFQCCZnd5cwYLWgGJtdoSzPwZRUv6G2n4DicMTaJlQ/640"
width="640" height="4300" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pf.begin" ></set>
<animate id='pf' attributename="y" from="1000" to="-4300" begin="pe.end-10" dur="53.00" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pf.begin+53.00"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LxsFXlEraU00xNubHlh8Gavr2N2MRZlFIAXYpE7icTNQVwECFAT68s9A/640"
width="640" height="4050" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="pg.begin" ></set>
<animate id='pg' attributename="y" from="1000" to="-3800" begin="pf.end-10" dur="48.00" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="pg.begin+48.00"></set>
</image>
<image xlink:href="https://mmbiz.qpic.cn/sz_mmbiz_jpg/xrFYciaHL08BWSrJre6gq582qKESLQ98LLxh0LPSEZLdVWAd5YANsOicdgjUdJCoWN2Sw5SCklNTAic5VGQI2Blcw/640"
width="640" height="3560" opacity='0' x="-640" y="1000" preserveAspectRatio="none">
<set attributename="opacity" to="1" begin="ph.begin" ></set>
<animate id='ph' attributename="y" from="1000" to="0" begin="pg.end-10" dur="10" fill="freeze"></animate>
<set attributename="opacity" to="0" begin="ph.begin+10"></set>
</image>
</g>
</svg>
</div>
<audio src="https://music.163.com/song/media/outer/url?id=1930201658.mp3" id="mau" loop autoplay />
<script>
ccdlz.onclick = function() {
if(this.paused) {this.unpauseAnimations();this.paused = false;mau.play();}
else {this.pauseAnimations();this.paused = true;mau.pause();}
}
</script> 欣赏老师的长图移动音画！{:4_187:} https://pic.imgdb.cn/item/66664f065e6d1bfa057ec1f1.gif 梦江南 发表于 2024-6-10 09:03
https://p4.itc.cn/q_70/images03/20210612/796524c78b654712af09305cdfbf0091.gif 梦江南 发表于 2024-6-10 09:03
欣赏老师的长图移动音画！
谢谢欣赏支持 欣赏难难的精彩制作，这条龙舟太长了{:4_170:} https://p4.itc.cn/q_70/images03/20210612/796524c78b654712af09305cdfbf0091.gif 难难这个动图太好玩了，借用了{:4_205:} 难难今天吃粽子没有啊 我的天，我从岭南水韵开始看起，到再回复到始点，竟然用十几好几分钟上！ 简直是端午龙舟文化的历史长卷！里面各色人物至少上千，不同形像表情，简直可以和清明上河比美了！ 很热闹的场景，很传统的习俗，这个长卷滚动无痕，很赞。
欣赏难难好帖，同祝大家端午安康{:4_199:} 小辣椒 发表于 2024-6-10 12:12
欣赏难难的精彩制作，这条龙舟太长了
谢谢支持欣赏！ 小辣椒 发表于 2024-6-10 12:14
难难这个动图太好玩了，借用了
https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fss2.meipian.me%2Fusers%2F39270356%2Fdba6ed6acd9645adaeb239278aa4f1ac.gif%3Fmeipian-raw%2Fbucket%2Fivwen%2Fkey%2FdXNlcnMvMzkyNzAzNTYvZGJhNmVkNmFjZDk2NDVhZGFlYjIzOTI3OGFhNGYxYWMuZ2lm%2Fsign%2F3d644c37906c0a8cb7fbf360e9529a45.jpg&refer=http%3A%2F%2Fss2.meipian.me&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1720611433&t=e735ad1c80688e5849bca26913f3fe97 小辣椒 发表于 2024-6-10 12:14
难难今天吃粽子没有啊
大概是前两天吃过今天倒是没吃{:5_106:}，可吃的太多了。 醉美水芙蓉 发表于 2024-6-10 12:43
欣赏老师佳作！
https://static.loupan.com/newsimg/image/2021/0611/1728535214653.gif 樵歌 发表于 2024-6-10 17:23
我的天，我从岭南水韵开始看起，到再回复到始点，竟然用十几好几分钟上！
17张图片衔接长幅，每张4、50秒可不得十好几分钟。
谢谢支持欣赏！ 樵歌 发表于 2024-6-10 17:24
简直是端午龙舟文化的历史长卷！里面各色人物至少上千，不同形像表情，简直可以和清明上河比美了！
https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fss2.meipian.me%2Fusers%2F57101130%2F8a173970-b4f0-11ea-9bba-2540c115f933.gif%3Fmeipian-raw%2Fbucket%2Fivwen%2Fkey%2FdXNlcnMvNTcxMDExMzAvOGExNzM5NzAtYjRmMC0xMWVhLTliYmEtMjU0MGMxMTVmOTMzLmdpZg%3D%3D%2Fsign%2F90edef2e9b078fd05d7e9b78bdb75da3.jpg&refer=http%3A%2F%2Fss2.meipian.me&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1720611982&t=ef7fb5dc5c6228fe5e4a74cdfb64cae4 红影 发表于 2024-6-10 19:15
很热闹的场景，很传统的习俗，这个长卷滚动无痕，很赞。
欣赏难难好帖，同祝大家端午安康
https://www.uweb.net.cn/upfile/2020/06/20200624160255_806.gif
谢谢支持欣赏！