纯音欣赏---紫禁花园 （学习套用黑黑江湖 粒子效果）

小辣椒

小辣椒

@马黑黑

黑黑~纯套用，就改了粒子效果的大小，改了路径的起始点，其他统统没有改

小辣椒

晚上我不能上来，匆匆做个帖，居中的代码没有搞懂，就加了一个上去，也是不知道是不是可以这样加，反正效果出来了，我就这样算了

马黑黑

小辣椒 发表于 2024-6-25 17:36
晚上我不能上来，匆匆做个帖，居中的代码没有搞懂，就加了一个上去，也是不知道是不是可以这样加，反正效果 ...

帖子水平方向居中是这两句代码：

left: 50%; transform: translateX(calc(-50% - 90px));

红色部分是论坛帖子偏移量。花潮的而是建军节 81px ，不是 90！

原理：相对定位的元素，先令其 left 为 50% （这是基于页面的设置），然后再用转换属性 transform 回移 50%（这是基于元素的设置），没有偏移的情况下元素就会在页面中水平居中，若有偏移量，则需要减去或加上（看它偏左偏右而定）该偏移量。

论坛发的帖子，和头像栏共用表格，整体偏移量通过火星科学测算是 81px ，记住，是建军节（想一想 @樵歌 当过大头兵）！

马黑黑

小辣椒 发表于 2024-6-25 17:35
@马黑黑

黑黑~纯套用，就改了粒子效果的大小，改了路径的起始点，其他统统没有改

你这是发射了好多小捣蛋——哦不，是小导弹——，你这是要袭击谁的心呢

梦油

图中的倒影真美！

樵歌

我发现有几支箭失射中小鸟了，但小鸟已经炼成金刚不坏之身，射中一点事儿也木有。

樵歌

那小狗还穿着着马甲，天热，快给脱下来吧

樵歌

马黑黑 发表于 2024-6-25 17:53
帖子水平方向居中是这两句代码：

left: 50%; transform: translateX(calc(-50% - 90px));

我乍趟枪了

小辣椒

马黑黑 发表于 2024-6-25 17:53
帖子水平方向居中是这两句代码：

left: 50%; transform: translateX(calc(-50% - 90px));

就记挂这个居中的问题，看见你发的代码是{ left: 50%; transform: translateX(calc(-50% - 1px));  以前我晓得是81的，主要是这个高度代码你换了，我不懂这个就自己加了个代码进去
作业完成一个是一个

小辣椒

马黑黑 发表于 2024-6-25 17:53
帖子水平方向居中是这两句代码：

left: 50%; transform: translateX(calc(-50% - 90px));

谢谢黑黑指导，现在也是越来越晕的，做个帖像打仗。。。。手机回帖累，下的

小辣椒

梦油 发表于 2024-6-25 18:25
图中的倒影真美！

谢谢梦油欣赏，晚上好

小辣椒

樵歌 发表于 2024-6-25 19:45
我发现有几支箭失射中小鸟了，但小鸟已经炼成金刚不坏之身，射中一点事儿也木有。

樵哥哥晚上👌🏻，上来瞄一眼，就下

马黑黑

小辣椒 发表于 2024-6-25 20:21
谢谢黑黑指导，现在也是越来越晕的，做个帖像打仗。。。。手机回帖累，下的

手机不合适玩论坛

马黑黑

小辣椒 发表于 2024-6-25 20:18
就记挂这个居中的问题，看见你发的代码是{ left: 50%; transform: translateX(calc(-50% - 1px));  以前 ...

马黑黑

樵歌 发表于 2024-6-25 19:47
我乍趟枪了

81嘛

红影

漂亮的动态效果，粒子的调整也好漂亮。欣赏亲爱的好帖

执著

欣赏老师精美的音画。我只知道看上去很漂亮

樵歌

小辣椒 发表于 2024-6-25 20:28
樵哥哥晚上👌🏻，上来瞄一眼，就下

樵歌

马黑黑 发表于 2024-6-25 21:02
81嘛