可爱老人网

 找回密码
 注册会员
搜索
查看: 2117|回复: 32

【素材】调试保存代码

[复制链接]
发表于 2022-10-9 08:35 | 显示全部楼层 |阅读模式
本帖最后由 古來稀 于 2024-7-15 18:36 编辑

评分

参与人数 6人气值 +24 收起 理由
真真 + 5 赞一个!
老梦缘 + 3 赞一个!
红红的太阳 + 5 赞一个!
江边柳 + 3 赞一个!
潇湘翁 + 5 赞一个!

查看全部评分

 楼主| 发表于 2022-10-9 08:39 | 显示全部楼层
本帖最后由 古來稀 于 2022-10-9 10:01 编辑

<div style="z-index: 27;width: 1000px; height: 605px; margin-top:170px; margin-left:-202px;  box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 8px #880000; overflow: hidden;transform:  rotate(0deg);background:<img class='photo'  src="https://pic1.imgdb.cn/item/633fb28516f2c2beb159e0a5.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215000ikzredeyh9kkq7sd.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215041jzmbq58arl3lj3j0.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215301xp67umqpdeup5oqm.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215342m1441y1bghx1gy21.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215438uz34fn1p7gijqpjg.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215510jwa101bvj8ffya3q.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215601t9559iv33sia4ys5.jpg" alt="" />
  <img class='photo'  src="http://www.chinazhiqing.com/data/attachment/forum/202004/07/215826x9rkjrjxajn2rakj.jpg" alt="" />
<div class="container">
   <audio autoplay="" class="audio" id="MusicPlayer" src="http://link.hhtjim.com/kw/16999641.mp3&type=convert_url&response=res" controls loop style="width: 1%; height: 1%;z-index: 1;"></audio>
<div class="items1"style="transform: scale(0.6);position: absolute;top:-500px; left:700px;z-index: 70;"></div>
<style type="text/css">
.photo {width: 100%;
  height: 100%;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 5px #880000;
  position: absolute;top:0px; left:0px;
filter:hue-rotate(0deg)contrast(120%)brightness(100%);
  animation: round 32s infinite;
  opacity: 0;}
@keyframes round {0% {
opacity: 0;clip-path: polygon(0 50%, 50% 50%, 50% 0, 50% 0, 50% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 100%, 50% 100%, 50% 50%, 0 50%);
-webkit-transform:translate(0%,0%)scale(1);}
2% {
opacity: 1;clip-path:polygon(0 50%, 50% 50%, 50% 0, 50% 0, 50% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 100%, 50% 100%, 50% 50%, 0 50%);
-webkit-transform:translate(0%,0%)scale(1);}
10% {
opacity: 0.8;clip-path:polygon(0 50%, 0 0, 50% 0, 50% 0, 100% 0, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 0 100%, 0 50%);
-webkit-transform:translate(0%,0%)scale(1);}
18% {
opacity: 0;clip-path:polygon(0 50%, 0 0, 50% 0, 50% 0, 100% 0, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 0 100%, 0 50%);
-webkit-transform:translate(0%,0%)scale(2);}
}
img:nth-child(1) {animation-delay: 28s;}
img:nth-child(2) {animation-delay: 24s;}
img:nth-child(3) {animation-delay: 20s;}
img:nth-child(4) {animation-delay: 16s;}
img:nth-child(5) {animation-delay: 12s;}
img:nth-child(6) {animation-delay: 8s;}
img:nth-child(7) {animation-delay: 4s;}
img:nth-child(8) {animation-delay: 0s;}
</style >
<style type="text/css">
.container{width: 1px;height: 1px;
    margin: 0;position: absolute;top:500px; left:-30px;z-index: 550;
</style>
</script>
发表于 2022-10-9 09:29 | 显示全部楼层
欣赏精彩制作!
发表于 2022-10-9 09:35 | 显示全部楼层
欣赏佳作,向老师学习!
发表于 2022-10-9 09:48 | 显示全部楼层
欣赏精彩制作!
发表于 2022-10-9 10:01 | 显示全部楼层
              欣赏古来稀版主的音画制作。
 楼主| 发表于 2022-10-9 10:05 | 显示全部楼层

尊敬的老人家上午好!非常感谢您的回复与支持!

点评

谢谢版主的回帖鼓励和问好!祝您周日快乐幸福美好!  发表于 2022-10-9 15:35
 楼主| 发表于 2022-10-9 10:05 | 显示全部楼层
潇湘翁 发表于 2022-10-9 09:35
欣赏佳作,向老师学习!

老师上午好!非常感谢您的回复与支持!
 楼主| 发表于 2022-10-9 10:05 | 显示全部楼层

江边柳老师上午好!非常感谢您的回复与支持!
 楼主| 发表于 2022-10-9 10:06 | 显示全部楼层
阿强 发表于 2022-10-9 10:01
欣赏古来稀版主的音画制作。

阿强老师上午好!非常感谢您的回复与支持!
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-12-22 10:11

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表