Elevate

马黑黑

梦江南 发表于 2025-7-31 14:43
老师把文字和小播结合起来了。太精彩了！

马黑黑

红影 发表于 2025-7-31 15:17
进来就看到标题字的不一样，竖排的而且是弧度排列，文字可以逐个高亮和转动。
看讲解，原来实现方式改变了 ...

文本并没有使用 writing-mode 排版，这是对 span 标签的位置进行安排

马黑黑

杨帆 发表于 2025-7-31 15:23
漂亮！谢谢马老师经典分享

红影

马黑黑 发表于 2025-7-31 18:27
这是漏改吧。原来设置的小球是20px，后面该大一点，对应要改的没跟上，好在影响不大

哦哦，原来如此，明白了

红影

马黑黑 发表于 2025-7-31 18:30
这个尺寸不是很重要，但对文本、小播的布局是有关系的

嗯嗯，我只是说这个就是它们的容器呢。这个帖子的小播制作简单又好看呢

红影

马黑黑 发表于 2025-7-31 18:31
文本并没有使用 writing-mode 排版，这是对 span 标签的位置进行安排

嗯嗯，文本没使用报告竖排的排版，通过JS对文字进行了排布。

马黑黑

红影 发表于 2025-7-31 22:50
嗯嗯，文本没使用报告竖排的排版，通过JS对文字进行了排布。

马黑黑

红影 发表于 2025-7-31 22:47
嗯嗯，我只是说这个就是它们的容器呢。这个帖子的小播制作简单又好看呢

有时候，容器的尺寸是子元素的一些设定的依据，有时候就没那么很直接的关系（不过多少会有点关系）

马黑黑

红影 发表于 2025-7-31 22:44
哦哦，原来如此，明白了

有些东东差不多的也行

红影

马黑黑 发表于 2025-7-31 22:57

可以得到想要的弧度排布了。

红影

马黑黑 发表于 2025-7-31 22:58
有时候，容器的尺寸是子元素的一些设定的依据，有时候就没那么很直接的关系（不过多少会有点关系）

关系还是有的，即使不去使用它的尺寸，但还要在它的范围里才好。

红影

马黑黑 发表于 2025-7-31 22:59
有些东东差不多的也行

是啊，微小差距肉眼是看不出的

马黑黑

红影 发表于 2025-8-1 11:05
是啊，微小差距肉眼是看不出的

我实在鼠标悬停的时候发现问题的，早于你说出来之前，不过我没理会

马黑黑

红影 发表于 2025-8-1 11:04
关系还是有的，即使不去使用它的尺寸，但还要在它的范围里才好。

这是好习惯

马黑黑

红影 发表于 2025-8-1 11:03
可以得到想要的弧度排布了。

随心所欲吧？而且不难，只需口算一下几个个数，即，分配的总度数，从哪儿开始

朵拉

漂亮效果，学生交作业，请老师指正

马黑黑

朵拉 发表于 2025-8-1 15:55
漂亮效果，学生交作业，请老师指正

红影

马黑黑 发表于 2025-8-1 12:22
我实在鼠标悬停的时候发现问题的，早于你说出来之前，不过我没理会

这么小的差距还能看出来啊，厉害

红影

马黑黑 发表于 2025-8-1 12:22
这是好习惯

突破界限会出问题的啊，还是守规矩的好

红影

马黑黑 发表于 2025-8-1 12:24
随心所欲吧？而且不难，只需口算一下几个个数，即，分配的总度数，从哪儿开始

是的，这个真的不难呢，而且从哪开始的分布还是挺直观的。