【黑师代码】一次就好（学习黑师20240626《永远的长安》花朵飞舞效果）

南无月

红影 发表于 2024-6-26 21:11
是啊，发现倾斜命令用于人物特别好看呢

同感，这个贴子看着还行。。

红影

南无月 发表于 2024-6-26 21:31
这个歌词代码是编辑器里自动生成，常用的

能把它们组合到一起就是厉害呢

红影

南无月 发表于 2024-6-26 21:32
同感，这个贴子看着还行。。

非常漂亮呢

马黑黑

南无月 发表于 2024-6-26 21:23
好。。。我看它好了

margin定位和 left + transform: translate 定位，这两种单独使用一种就可以了，如果效果不好，就换用另一个试试

樵歌

南无月 发表于 2024-6-26 20:46
感谢樵管支持鼓励

不客气。

南无月

红影 发表于 2024-6-26 22:04
能把它们组合到一起就是厉害呢

对影子来说就是小儿科，这个就是很一般的没有考虑控制的组合

南无月

马黑黑 发表于 2024-6-26 22:20
margin定位和 left + transform: translate 定位，这两种单独使用一种就可以了，如果效果不好，就换用另 ...

margin: 30px 0 30px calc(50% - (var(--width) / 2 + 1px));
这个是什么神仙定位，我看就挺好。。
站里一次成功，论坛也一次成功。

马黑黑

南无月 发表于 2024-6-27 17:45
margin: 30px 0 30px calc(50% - (var(--width) / 2 + 1px));
这个是什么神仙定位，我看就挺好。。
站 ...

用外边距定位的好处是少一句代码、适应环境能力强；
用 left 加 transform: translate() 性能更好。

南无月

马黑黑 发表于 2024-6-27 18:06
用外边距定位的好处是少一句代码、适应环境能力强；
用 left 加 transform: translate() 性能更好。

①margin: 30px 0 30px calc(50% - (var(--width) / 2 + 1px));
②margin: 30px 0 30px calc(50% - 651px);
③left: 50%; transform: translate(-50%);
这三种定位。前两种是贴子整体定位的。。有点像又有点区别。。第一种试过最好用。。
第三种你教我的，在父元素相对定位之下position: relative;时用的。。。这个我用在歌词不听话偏左时，用它解决

南无月

马黑黑 发表于 2024-6-27 18:06
用外边距定位的好处是少一句代码、适应环境能力强；
用 left 加 transform: translate() 性能更好。

老师这么一说我再翻出来复习一下，印象更深了。
不过这个LEFT的第三种，整贴定位没用过吧。。
元素定位超好用

马黑黑

南无月 发表于 2024-6-27 21:06
老师这么一说我再翻出来复习一下，印象更深了。
不过这个LEFT的第三种，整贴定位没用过吧。。
元素定位 ...

哪一种其实都好

马黑黑

南无月 发表于 2024-6-27 21:05
①margin: 30px 0 30px calc(50% - (var(--width) / 2 + 1px));
②margin: 30px 0 30px calc(50% - 651p ...

一二种其实是一种

小辣椒

月月做帖速度也是快的，今天上来看见二个新帖的

小辣椒

月月加的效果整体特别美，背景光感加的好粒子是花朵，漂亮的

小辣椒

欣赏月月的精彩制作

南无月

马黑黑 发表于 2024-6-27 21:29
哪一种其实都好

做贴子都离不了。。利器

南无月

马黑黑 发表于 2024-6-27 21:30
一二种其实是一种

一是升级版算不算

南无月

小辣椒 发表于 2024-6-27 21:37
月月做帖速度也是快的，今天上来看见二个新帖的

昨天一个今天一个的

南无月

小辣椒 发表于 2024-6-27 21:38
月月加的效果整体特别美，背景光感加的好粒子是花朵，漂亮的

这个我感觉也挺好。

南无月

小辣椒 发表于 2024-6-27 21:39
欣赏月月的精彩制作