找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 369|回复: 32

【音畫】圖片自動切換《睡蓮》

[复制链接]

314

主题

6442

回帖

3万

积分

版主

积分
36738
发表于 2024-10-22 14:57:47 | 显示全部楼层 |阅读模式 IP:辽宁

评分

参与人数 12金币 +108 收起 理由
丁香 + 8 赞一个!
筱亭 + 8 赞一个!
月婵 + 10 赞一个!
咕咚来了 + 10 赞一个!
风清 + 10 赞一个!
吴林海 + 8 赞一个!
微尘 + 8 赞一个!
蓝朵1111 + 8 赞一个!
山里娃 + 8 赞一个!
书香 + 10 赞一个!
西湖 + 10 赞一个!
老谟深虑 + 10 赞一个!

查看全部评分

314

主题

6442

回帖

3万

积分

版主

积分
36738
 楼主| 发表于 2024-10-22 14:59:12 | 显示全部楼层 IP:辽宁
保存代码:

  1. <div style="width: 950px; height: 600px; margin-top:20px; margin-left: -30px;box-shadow: 0px 0px 0px 0px #045768,0px 0px 0px 0px #99e5f5, 0px 0px 0px 0px #045768; border-radius:0%; overflow:hidden;transform:rotate(0deg);background:url('//yzf0319.com/2022/3yue/txtp/5656.gif')0 0/100%  100%,url('https://pic.imgdb.cn/item/67174698d29ded1a8cf68f5d.jpg')0 0/100%  100%; text-align: center;"><img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970d4f.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970d61.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970d69.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970d79.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970d85.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970d91.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970dae.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67138b1bd29ded1a8c970da7.jpg">
  2. <style type="text/css">.photo {width: 960px;
  3.   height: 600px;
  4.   position: absolute;top:0px; left:0px;z-index: 300;
  5. filter:contrast(120%)brightness(100%);-webkit-mask-image: radial-gra**nt(black 30% ,transparent 70%);
  6.   animation: round 48s infinite;
  7.   opacity: 0;}
  8. @keyframes round {1% {
  9. opacity: 0;
  10. transform:translate(100%,0%)scale(0);}
  11. 5% {
  12. opacity: 1;
  13. transform:translate(100%,0%)scale(0);}
  14. 14% {
  15. opacity: 1;
  16. transform:translate(0%,0%)scale(1);}
  17. 16% {
  18. opacity: 1;
  19. transform:translate(0%,0%)scale(1);}
  20. 24% {
  21. opacity: 0;
  22. transform:translate(-100%,0%)scale(1);}
  23. }

  24. img:nth-child(8) {animation-delay: 42s;}
  25. img:nth-child(7) {animation-delay: 36s;}
  26. img:nth-child(6) {animation-delay: 30s;}
  27. img:nth-child(5) {animation-delay: 24s;}
  28. img:nth-child(4) {animation-delay: 18s;}
  29. img:nth-child(3) {animation-delay: 12s;}
  30. img:nth-child(2) {animation-delay: 6s;}
  31. </style>
  32. </div><video autoplay="" controls="" height="1" src="https://link.hhtjim.com/kw/273053.mp3" width="2">

复制代码


12

主题

1172

回帖

1万

积分

超级版主

积分
19421
发表于 2024-10-22 15:04:56 | 显示全部楼层 IP:亚太地区

欣赏学习【音畫】圖片自動切換《睡蓮》!

184

主题

7183

回帖

6万

积分

超级版主

积分
60535
发表于 2024-10-22 15:07:02 | 显示全部楼层 IP:江苏
美仑美奂,风光无限,曲子配的相得益彰!

314

主题

6442

回帖

3万

积分

版主

积分
36738
 楼主| 发表于 2024-10-22 15:08:06 | 显示全部楼层 IP:辽宁
西湖 发表于 2024-10-22 15:04
欣赏学习【音畫】圖片自動切換《睡蓮》!

非常感谢西湖老师的关注支持,下午好!

314

主题

6442

回帖

3万

积分

版主

积分
36738
 楼主| 发表于 2024-10-22 15:08:43 | 显示全部楼层 IP:辽宁
书香 发表于 2024-10-22 15:07
美仑美奂,风光无限,曲子配的相得益彰!

非常感谢书香老师的关注支持,下午好!

313

主题

1万

回帖

7万

积分

超级版主

积分
74632
发表于 2024-10-22 15:11:58 | 显示全部楼层 IP:亚太地区
       欣赏老乡的图片自动切换音画,好美的睡莲。点赞!

49

主题

1万

回帖

4万

积分

版主

积分
45094
发表于 2024-10-22 15:12:28 | 显示全部楼层 IP:陕西
漂亮的睡莲画面,好听的配曲音乐。赞!

314

主题

6442

回帖

3万

积分

版主

积分
36738
 楼主| 发表于 2024-10-22 15:14:10 | 显示全部楼层 IP:辽宁
老谟深虑 发表于 2024-10-22 15:11
欣赏老乡的图片自动切换音画,好美的睡莲。点赞!

非常感谢老乡的关注支持,下午好!

314

主题

6442

回帖

3万

积分

版主

积分
36738
 楼主| 发表于 2024-10-22 15:14:29 | 显示全部楼层 IP:辽宁
山里娃 发表于 2024-10-22 15:12
漂亮的睡莲画面,好听的配曲音乐。赞!

非常感谢山里娃老师的关注支持,下午好!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|离退休论坛 ( 浙B2-20100176 )

GMT+8, 2024-11-22 03:25 , Processed in 0.093203 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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