《国色天香》（学习黑黑《竹间语》代码效果）

红影

红影

@马黑黑 跟着学了个彩色小播的效果，还把《大湖》里的图片轮流进入和调整的方法学习了一下。
谢谢黑黑代码

红影

整了半天，把人物图片弄得可以暂停了，还加了歌词。
还存在一个问题，貌似小图不是按次序出来的。应该是 let idx = Math.floor(Math.random() * pics.length);
的设定吧，不知道怎么改了

红影

本来想拿掉鼠标触碰就人物暂停，想想还是留着吧，想仔细看也可以看看了

马黑黑

这个好：设计新颖，实现方法独到，美感十足。

起个网名好难

这国色天香只给看看个剪影片片啊

马黑黑

这个帖子，CSS代码中，#tz 选择器应将不需要的代码去掉，改为：

#tz { left: 50%; transform: translateX(calc(-50% - 81px)); width: 1024px; height: 640px; background: lightblue; box-shadow: 3px 3px 6px rgba(0,0,0,.6); overflow: hidden; user-select: none; z-index: 3; perspective: 2000px; position: relative; }

红色部分，先设定 left 的值为 50%，然后再将它反向移动一定距离，其中的 81px 适用于花潮论坛（不同论坛这个偏移系数不一样）。

马黑黑

收了：http://mhh.52qingyin.cn/art/bsho ... rt=mahei_1719142567

梦油

制作精美，给一个大大的赞！

南无月

这个图片不是从四周随机出来的，全部从左边入场，更符合舞台效果。。。
中间暂停，真实模拟模特上场时动态
随着场景而设计的动画
影子如果整动画设计，肯定创意也是一流。
非常棒的作品。。。

南无月

代码是真的一流，无论是出场，暂停到结束，都非常符合合情合理，时间恰到好处。。

南无月

用了今天的最新的小播效果，
还加了歌词，
图片转场几种特效完美结合在一起，
整贴效果绝佳，
大赞。。

红影

马黑黑 发表于 2024-6-23 19:34
这个好：设计新颖，实现方法独到，美感十足。

休息天，一起看看美女剪映乐呵一下

红影

起个网名好难 发表于 2024-6-23 19:40
这国色天香只给看看个剪影片片啊

看看身姿就好啊，万一侵犯了美女的肖像权了咋办

红影

马黑黑 发表于 2024-6-23 19:47
这个帖子，CSS代码中，#tz 选择器应将不需要的代码去掉，改为：

#tz { left: 50%; transform: translate ...

嗯嗯，我还是习惯性按照以前的自己算出的值去设定了

红影

梦油 发表于 2024-6-23 19:52
制作精美，给一个大大的赞！

谢谢梦油，一起看美女走秀

红影

南无月 发表于 2024-6-23 20:57
这个图片不是从四周随机出来的，全部从左边入场，更符合舞台效果。。。
中间暂停，真实模拟模特上场时动态 ...

嗯嗯，从四周出来太折腾美女了，怕美女投诉。
创意什么的也没什么啊，就是想跟着学习一下如何调整小图的动作。谢谢月儿鼓励

红影

南无月 发表于 2024-6-23 20:58
代码是真的一流，无论是出场，暂停到结束，都非常符合合情合理，时间恰到好处。。

其实基本是套用大湖的代码呢，只修改了少部分

红影

南无月 发表于 2024-6-23 21:00
用了今天的最新的小播效果，
还加了歌词，
图片转场几种特效完美结合在一起，

原来就想去做那个图片转场了，一直没时间，今天看到新的小播，正好合一起一块去试验和学习了

红影

马黑黑 发表于 2024-6-23 19:49
收了：http://mhh.52qingyin.cn/art/bshow.php?st=6&sd=6&art=mahei_1719142567

哇，太荣幸了，谢谢黑黑