红影 发表于 2025-11-30 21:31

马黑黑 发表于 2025-11-30 20:37
应该是简单的吧?就是那个 .petal CSS选择器的设置你一下子理解不到位

就是提了50%一下子没理解到位,其实这个和伪元素的设置相关的。

红影 发表于 2025-11-30 21:33

马黑黑 发表于 2025-11-30 20:38
几何思维能力因人而异,有的人要比划比划,有的人可以凭空思考

我是属于需要比划的{:4_173:}

红影 发表于 2025-11-30 21:35

马黑黑 发表于 2025-11-30 20:39
你可以把图案想象成一把加长的尺子:在原有基础上从脚底下延伸一倍的长度。这样就好理解了

我还是别这样想了,只是记着这样设置的就好{:4_173:}

马黑黑 发表于 2025-11-30 21:59

红影 发表于 2025-11-30 21:35
我还是别这样想了,只是记着这样设置的就好

也行

马黑黑 发表于 2025-11-30 21:59

红影 发表于 2025-11-30 21:33
我是属于需要比划的

文科生的特色

马黑黑 发表于 2025-11-30 22:00

红影 发表于 2025-11-30 21:31
就是提了50%一下子没理解到位,其实这个和伪元素的设置相关的。

对,相当于加长了,加长的部分在容器之外,现在是需要让整体的中心和容器的中心重合

红影 发表于 2025-11-30 23:23

马黑黑 发表于 2025-11-30 21:59
也行

谢谢{:4_173:}

红影 发表于 2025-11-30 23:24

马黑黑 发表于 2025-11-30 21:59
文科生的特色

还好我不是艺术生,否则还要载歌载舞地理解了{:4_173:}

红影 发表于 2025-11-30 23:27

马黑黑 发表于 2025-11-30 22:00
对,相当于加长了,加长的部分在容器之外,现在是需要让整体的中心和容器的中心重合

对的,关键还是这句transform: scale(1, -1); 整个拉长了一倍,所以要回到中心,需要设置{:4_187:}

马黑黑 发表于 2025-11-30 23:44

红影 发表于 2025-11-30 23:27
对的,关键还是这句transform: scale(1, -1); 整个拉长了一倍,所以要回到中心,需要设置

明天我在弄一个不那么复杂的,预想是通过 width、height 配套 background-size 和 background-position 实现,就不用设置 top 和 transform-origin 了。

马黑黑 发表于 2025-11-30 23:45

红影 发表于 2025-11-30 23:24
还好我不是艺术生,否则还要载歌载舞地理解了

那挺动感的,而且,像 @樵歌 所形容过的,楚楚动人

马黑黑 发表于 2025-11-30 23:46

红影 发表于 2025-11-30 23:23
谢谢

不阔气的

红影 发表于 2025-12-1 19:31

马黑黑 发表于 2025-11-30 23:44
明天我在弄一个不那么复杂的,预想是通过 width、height 配套 background-size 和 background-position...

看了,一样的,不清楚的时候就复杂了。比如底图里的斜杠前面是位置后面是大小。

红影 发表于 2025-12-1 19:32

马黑黑 发表于 2025-11-30 23:45
那挺动感的,而且,像 @樵歌 所形容过的,楚楚动人

那我做艺术生吧,不做文科生了{:4_170:}

红影 发表于 2025-12-1 19:33

马黑黑 发表于 2025-11-30 23:46
不阔气的

阔气阔气还是应该的。

马黑黑 发表于 2025-12-1 19:35

红影 发表于 2025-12-1 19:33
阔气阔气还是应该的。

而且是必须的

马黑黑 发表于 2025-12-1 19:35

红影 发表于 2025-12-1 19:32
那我做艺术生吧,不做文科生了

嗯嗯,追求性感没啥问题

马黑黑 发表于 2025-12-1 19:36

红影 发表于 2025-12-1 19:31
看了,一样的,不清楚的时候就复杂了。比如底图里的斜杠前面是位置后面是大小。

这个东东还是艺术生无法理解的?

红影 发表于 2025-12-1 20:11

马黑黑 发表于 2025-12-1 19:35
而且是必须的

哦哦,是必须的,不仅仅是应该的{:4_173:}

红影 发表于 2025-12-1 20:12

马黑黑 发表于 2025-12-1 19:35
嗯嗯,追求性感没啥问题

这不是追求性感,是追求韵律感。{:4_189:}
页: 1 [2] 3 4
查看完整版本: Last Reunion