红影 发表于 2022-4-7 21:48

马黑黑 发表于 2022-4-7 14:05
嗯，这是需要结合尺寸与角度进行计算，比用border的难一点，试看一个例子：

.sanj {


这个要复杂多了，要每个角度去算出来。

马黑黑 发表于 2022-4-7 21:59

红影 发表于 2022-4-7 21:48
这个要复杂多了，要每个角度去算出来。

是的。目前，能画三角形的渐变背景至少有角向渐变和线性渐变。

马黑黑 发表于 2022-4-7 21:59

红影 发表于 2022-4-7 21:42
试了一下，什么也没看到。

哦，是文件名和css不一样，嗯，看到了是个三角。

嗯，我的HTML class写错了

马黑黑 发表于 2022-4-7 22:01

红影 发表于 2022-4-7 21:39
居然这么复杂，我还以为只要把摇动的物体当作刚体，把重心移动一下就可以了呢。

没那么简单。所以，一般地，如果用 transform-origin，我会把 left 设为50%，top为0，这样好定轨迹路线，transform-origin 可以设为 50% 半径值

红影 发表于 2022-4-7 23:42

马黑黑 发表于 2022-4-7 21:59
是的。目前，能画三角形的渐变背景至少有角向渐变和线性渐变。

这么多都能绘制啊，真不错{:4_204:}

红影 发表于 2022-4-7 23:43

马黑黑 发表于 2022-4-7 22:01
没那么简单。所以，一般地，如果用 transform-origin，我会把 left 设为50%，top为0，这样好定轨迹路线， ...

这里面的讲究还真多啊。

马黑黑 发表于 2022-4-8 07:57

红影 发表于 2022-4-7 23:43
这里面的讲究还真多啊。

其实它属于宇宙规律，实现机制也符合自然规律。

马黑黑 发表于 2022-4-8 07:57

红影 发表于 2022-4-7 23:42
这么多都能绘制啊，真不错

几何基础要好，否则会无从下手

红影 发表于 2022-4-8 22:16

马黑黑 发表于 2022-4-8 07:57
其实它属于宇宙规律，实现机制也符合自然规律。

代码的世界惊奇不断。

红影 发表于 2022-4-8 22:16

马黑黑 发表于 2022-4-8 07:57
几何基础要好，否则会无从下手

嗯嗯，要有点空间想象力。

马黑黑 发表于 2022-4-8 22:19

红影 发表于 2022-4-8 22:16
嗯嗯，要有点空间想象力。

是这样的

马黑黑 发表于 2022-4-8 22:19

红影 发表于 2022-4-8 22:16
代码的世界惊奇不断。

说过的，现代社会，是代码构建的

红影 发表于 2022-4-9 10:15

马黑黑 发表于 2022-4-8 22:19
说过的，现代社会，是代码构建的

是啊，越来越感受到它的强大。

马黑黑 发表于 2022-4-9 10:19

红影 发表于 2022-4-9 10:15
是啊，越来越感受到它的强大。

很厉害的样子

红影 发表于 2022-4-9 12:18

马黑黑 发表于 2022-4-9 10:19
很厉害的样子

简直是太厉害了呀{:4_173:}

马黑黑 发表于 2022-4-9 13:58

红影 发表于 2022-4-9 12:18
简直是太厉害了呀

大概如此
页: 1 [2]
查看完整版本: 利用border属性绘制三角形