角向渐变动态特效

红影

来看你 发表于 2022-3-30 15:42
你个学霸，。。被学渣嫉妒了，哼

我也只是跟着在学，写是完全写不出来的

马黑黑

加林森 发表于 2022-3-30 13:48
所以我才说慢慢学习，慢慢理解哦。

马黑黑

红影 发表于 2022-3-30 15:07
角向渐变能实现如此美妙的对称效果呢

角向渐变有重复性和非重复性，repeating-conic-gradient 和 conic-gradent，两样都可以试试看。一般来说，它们的语法是差不多的(中括号为可选）：

([deg at xy], color1 [deg], color2 [deg], ...)

例如：

conic-gradient( 0 at 50% 0, red 20deg, pink 40deg);

上句，可以简写为： conic-gradient(red 20deg, pink);

但两者的效果是不一样的。

repeating-conic-gradient 也可以这样用。但它还可在每一种颜色加入两个角度值。

马黑黑

红影 发表于 2022-3-30 15:40
这些颜色中看不出渐变的感觉了呢。看起来像一楼那样只取两个颜色感觉渐变更明显。

要想看渐变，应尽量使用非重复性的，就是把repeating去掉。

加林森

马黑黑 发表于 2022-3-30 18:24

红影

马黑黑 发表于 2022-3-30 18:32
角向渐变有重复性和非重复性，repeating-conic-gradient 和 conic-gradent，两样都可以试试看。一般来说 ...

嗯嗯，重复性的最好局中，更好看，非重复性的倒无所谓在拿。

红影

马黑黑 发表于 2022-3-30 18:33
要想看渐变，应尽量使用非重复性的，就是把repeating去掉。

不过我觉得这样对称的还是挺漂亮的

绿叶清舟

俺咋啥也看不到的

马黑黑

绿叶清舟 发表于 2022-3-30 21:15
俺咋啥也看不到的

有些浏览器不支持角向渐变。你是什么浏览器

马黑黑

红影 发表于 2022-3-30 21:11
不过我觉得这样对称的还是挺漂亮的

是的

马黑黑

红影 发表于 2022-3-30 21:11
嗯嗯，重复性的最好局中，更好看，非重复性的倒无所谓在拿。

两者还是有一定区别，值得细细体会把玩

绿叶清舟

马黑黑 发表于 2022-3-30 21:22
有些浏览器不支持角向渐变。你是什么浏览器

傲游的啊

马黑黑

绿叶清舟 发表于 2022-3-30 21:30
傲游的啊

遨游是什么人用呀？都啥年代了还用遨游。它赶不上时代的步伐了

绿叶清舟

马黑黑 发表于 2022-3-30 21:34
遨游是什么人用呀？都啥年代了还用遨游。它赶不上时代的步伐了

还有一个系统自带的，感觉那个能看到的更少啊

马黑黑

绿叶清舟 发表于 2022-3-30 21:42
还有一个系统自带的，感觉那个能看到的更少啊

这些浏览器都不行的，它们落伍了。

追求轻快且不落伍，建议使用 centbrowser 浏览器，又叫百分浏览器；追求功能齐全、强大的，建议用微软最新版的Edge浏览器。

如果能力强，可以考虑用谷歌浏览器，它是现代浏览器中最具代表性的，但要会设置，因为，你懂的，它没有中国市场，大陆也访问不了谷歌搜索。

红影

马黑黑 发表于 2022-3-30 21:23
是的

代码能造出千变万化的图案，真美啊

红影

马黑黑 发表于 2022-3-30 21:23
两者还是有一定区别，值得细细体会把玩

我刚发现我这句里好多错字，居中打成了局中，在哪打成了在拿

马黑黑

红影 发表于 2022-3-31 11:16
我刚发现我这句里好多错字，居中打成了局中，在哪打成了在拿

局中摆正位置也就是居中

马黑黑

红影 发表于 2022-3-31 11:15
代码能造出千变万化的图案，真美啊

这是它吸引人的地方

红影

马黑黑 发表于 2022-3-31 12:14
局中摆正位置也就是居中

还好所有的错字黑黑都看懂了