红影 发表于 2022-10-4 20:54

重阳奇妙游之歌舞《云窟万象》


<style>
#beijing { left: -302px; width: 1200px; height: 662px; overflow: hidden; user-select: none; position: relative; }
#shipin { position: absolute; width: 100%; height: 100%; top:0px;object-fit: cover; }
#biankuang { position: absolute;width: 100%; height: 100%; top:0px; left:0px; mix-blend-mode: screen;}
#tupian { position: absolute; top: 0px; left:0px; width: 320px; height: 120px; background: transparent url('https://pic1.imgdb.cn/item/633be09d16f2c2beb1b8d530.png') no-repeat; }
#tupian::after { content:""; background-image: inherit; width: 100%; height:100%; position: absolute; top:0px; left:870px; transform:scaleX(-1); }
#bian { position: absolute; top: 0px; left:0px; width: 1200px; height: 61px; background: transparent url('https://pic1.imgdb.cn/item/633be62c16f2c2beb1c33cfb.jpg') no-repeat; opacity: 0.90; }
.wenzi { position: absolute; top: 0px; left:460px; z-index: 10; }
.text {animation: stroke 5s infinite alternate;letter-spacing: 10px;font-size: 66px;}
@keyframes stroke {
0% {fill: rgba(72, 138, 20, 0);stroke: rgba(220,20,60, 1);stroke-dashoffset: 25%;stroke-dasharray: 0 50%;stroke-width: 1;}
70% {fill: rgba(72, 138, 20, 0);stroke: rgba(220,20,60, 1);stroke-width: 3;}
90%,100% {fill: rgba(178,34,34, 0.8);stroke: rgba(220,20,60, 0);stroke-dashoffset: -25%;stroke-dasharray: 50% 0;stroke-width: 0;}}
</style>

<div id="beijing">
      <video id="shipin" src="http://chuangshicdn.data.mvbox.cn/music/sp/22/10/04/22100412085642933502.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
      <div id="bian"></div>
      <img id="biankuang" src="https://pic1.imgdb.cn/item/633be06b16f2c2beb1b87845.gif" alt="" />
      <div id="tupian"></div>
      <div class="wenzi text"><svg width="320" height="80"><g><text x="10" y="70" font-family="仿宋"> 雲窟萬象 </text></g></svg></div>
</div>

红影 发表于 2022-10-4 20:56

在朋友圈看到这个,觉得挺喜欢,正好今天重阳,想趁今天发出来,所以赶紧下载上传,然后等审核。折腾好半天{:4_173:}

红影 发表于 2022-10-4 20:58

记得清舟也喜欢飞天图呢,应该也会喜欢这样的舞蹈吧@绿叶清舟

小辣椒 发表于 2022-10-4 21:02

亲爱的~重阳节快乐~~~

豆儿 发表于 2022-10-4 21:11

沉醉,美美地欣赏

绿叶清舟 发表于 2022-10-4 21:20

红影 发表于 2022-10-4 20:58
记得清舟也喜欢飞天图呢,应该也会喜欢这样的舞蹈吧@绿叶清舟

来了,节日快乐,感觉这些跳舞的有点年纪了啊{:4_189:}

相约爱晚亭 发表于 2022-10-4 21:24

从没见过的奇妙视觉效果,欣赏!学习!

红芍药 发表于 2022-10-4 21:42

都是音画大师。。{:4_204:}{:4_204:}

马黑黑 发表于 2022-10-4 22:53

真的很奇妙,音乐也是那个味道

阙歌 发表于 2022-10-4 23:12

佳作欣赏~~~

樵歌 发表于 2022-10-5 07:30

禅意人间,下一轮回回让我们还在红尘相见。
这意境,直击人心,真太绝妙了。

梦油 发表于 2022-10-5 09:36

优美的画面配上动人的音乐真是珠联璧合的一件好作品。

四海八荒 发表于 2022-10-5 14:15

喜欢

红影 发表于 2022-10-5 16:37

小辣椒 发表于 2022-10-4 21:02
亲爱的~重阳节快乐~~~

上传的地方有点慢,我好像每次要等挺长时间视频才出来{:4_173:}

红影 发表于 2022-10-5 16:38

豆儿 发表于 2022-10-4 21:11
沉醉,美美地欣赏

是啊,在朋友圈看到,觉得挺喜欢,赶紧去下载了弄过来。问好豆儿{:4_204:}

红影 发表于 2022-10-5 16:39

绿叶清舟 发表于 2022-10-4 21:20
来了,节日快乐,感觉这些跳舞的有点年纪了啊

好看就行了,管它呢{:4_173:}

红影 发表于 2022-10-5 16:40

相约爱晚亭 发表于 2022-10-4 21:24
从没见过的奇妙视觉效果,欣赏!学习!

比较喜欢飞天壁画,这个有点那个味道呢。

红影 发表于 2022-10-5 16:41

红芍药 发表于 2022-10-4 21:42
都是音画大师。。

这个是最简单的代码呢,都没用到JS {:4_173:}

红影 发表于 2022-10-5 16:42

马黑黑 发表于 2022-10-4 22:53
真的很奇妙,音乐也是那个味道

是啊,在石刻大佛前的舞蹈,觉得特别好看{:4_173:}

红影 发表于 2022-10-5 16:42

阙歌 发表于 2022-10-4 23:12
佳作欣赏~~~

谢谢阙歌临帖{:4_187:}
页: [1] 2 3 4 5 6 7
查看完整版本: 重阳奇妙游之歌舞《云窟万象》