梦的翅膀受了伤 TO：冬雨 （学习黑黑男孩世界 帖子居中自适应）

小辣椒

杨帆 发表于 2025-4-7 17:06
漂亮，谢谢小辣椒精彩分享，祝冬雨收礼愉快

问好杨帆，谢谢欣赏

小辣椒

马黑黑 发表于 2025-4-7 18:37
菇凉头像漂亮舍不得不示人

帖子容器transform改为： transform: translate(-50%, 120px);

哈哈~~~美女必须露脸

修改好了

红影

小辣椒 发表于 2025-4-7 20:28
亲爱的，不大的，比现在的尺寸小，但可以出来自适应这个尺寸不用自己修改旧图，太好了

是啊，不同大小的图图都能自适应达到适合屏幕的大小呢，这个代码特别好

红影

小辣椒 发表于 2025-4-7 20:29
现在测试黑黑的代码，我都是用以前的图可以随便玩也是挺好的

亲爱的留存的图图多，正好都可以派派用场

梦油

小辣椒 发表于 2025-4-7 20:26
哈哈，谢谢梦油夸奖

你确实有内秀，小辣椒朋友别客气。

马黑黑

小辣椒 发表于 2025-4-7 20:34
哈哈~~~美女必须露脸

修改好了

马黑黑

小辣椒 发表于 2025-4-7 20:34
哈哈~~~美女必须露脸

修改好了

你还应该理解 transform 语句的含义，酱紫，今后可以在这方面随心所欲掌控一切。

transform: translate(x, y);

transform 是一个CSS属性，它用来表示元素旋转（rotate）、位移（translate）、缩放（scale）、扭曲（skew）等，例如上例，所用该属性的元素将位移 x、y，意思是，元素会在原位基础上水平方向移动 x、垂直方向移动 y，支持负数，负数是表示向左、向上位移。

translate 可以表示为 translateX（水平方向位移），translateY（垂直方向位移）、translateZ（纵深方向位移，用于3D）；若只使用 translate，一个参数时表示水平方向位移，两个参数时表示水平方向和垂直方向位移，三个参数时表示水平方向、垂直方向、纵深方向位移。

小辣椒

马黑黑 发表于 2025-4-8 20:06
你还应该理解 transform 语句的含义，酱紫，今后可以在这方面随心所欲掌控一切。

transform: translat ...

我收进记事本了

小辣椒

马黑黑 发表于 2025-4-8 19:55

黑黑，晚上好

小辣椒

梦油 发表于 2025-4-8 10:53
你确实有内秀，小辣椒朋友别客气。

还是应该感谢梦油一直以来的支持和鼓励

马黑黑

小辣椒 发表于 2025-4-8 21:40
黑黑，晚上好

马黑黑

小辣椒 发表于 2025-4-8 21:39
我收进记事本了

冬天的雨

小辣椒 发表于 2025-4-6 21:02
@冬天的雨

上次送你的旧图，和音乐，测试了一下帖子居中自适应，发现我以前的旧图，只要人物不是很大无 ...

收礼来迟了，同杨的背景，同样的歌曲，不一样的效果

冬天的雨

小辣椒这个居中自适应可以玩一次的，看看有没有时间

冬天的雨

谢谢小辣椒的礼物

小辣椒

马黑黑 发表于 2025-4-8 22:40

小辣椒

冬天的雨 发表于 2025-4-8 23:26
收礼来迟了，同杨的背景，同样的歌曲，不一样的效果

旧图再套用玩轻松一点

小辣椒

冬天的雨 发表于 2025-4-8 23:27
小辣椒这个居中自适应可以玩一次的，看看有没有时间

不急的，油时间就玩，没有时间也是没关系的

小辣椒

冬天的雨 发表于 2025-4-8 23:27
谢谢小辣椒的礼物

冬雨客气了

马黑黑

小辣椒 发表于 2025-4-9 20:47

谢茶