论坛 › 欢乐水吧 › 角向渐变动态特效

红影 发表于 2022-4-2 13:01

马黑黑 发表于 2022-4-2 10:19
琢磨一下，还可以出更多效果

感觉这个功能特别炫呢{:4_173:}

马黑黑 发表于 2022-4-2 16:20

红影 发表于 2022-4-2 13:01
感觉这个功能特别炫呢

还行吧

加林森 发表于 2022-4-2 17:21

继续来学习

马黑黑 发表于 2022-4-2 18:05

加林森 发表于 2022-4-2 17:21
继续来学习

{:4_190:}

加林森 发表于 2022-4-2 18:12

马黑黑 发表于 2022-4-2 18:05


老黑吃晚饭没有？

马黑黑 发表于 2022-4-2 18:27

加林森 发表于 2022-4-2 18:12
老黑吃晚饭没有？

吃了吃了

加林森 发表于 2022-4-2 18:48

马黑黑 发表于 2022-4-2 18:27
吃了吃了

今天吃得这么早啊。

红影 发表于 2022-4-2 20:35

马黑黑 发表于 2022-4-2 16:20
还行吧

设置得好一点很漂亮的。

马黑黑 发表于 2022-4-2 20:47

红影 发表于 2022-4-2 20:35
设置得好一点很漂亮的。

估计是

红影 发表于 2022-4-3 09:03

马黑黑 发表于 2022-4-2 20:47
估计是

还没去试不平铺的，不知道是什么样的{:4_173:}

马黑黑 发表于 2022-4-3 10:11

红影 发表于 2022-4-3 09:03
还没去试不平铺的，不知道是什么样的

图片合适就没问题

加林森 发表于 2022-4-3 14:40

<style>
#circleDiv {
      width: 600px;
      height: 600px;
      border-radius: 50%;
      background: #eee;
      box-shadow: 2px 2px 4px #666;
}

</style>

<div id="circleDiv"></div>

<script language="javascript">

let aa = 15;
let bgStr = "repeating-conic-gradient(";

for(j=0; j<360/aa; j++) {
      bgStr += getColor() + " " + j*aa +"deg " + ( j*aa+aa) + "deg,";
}

bgStr = bgStr.slice(0, bgStr.length-1);
bgStr += ")";

document.getElementById('circleDiv').style.background = bgStr;

function getColor() {
      return(`#${Math.random().toString(16).substr(-6)}`);
}

</script>

马黑黑 发表于 2022-4-3 15:39

加林森 发表于 2022-4-3 14:40
#circleDiv {
      width: 600px;
      height: 600px;


{:5_108:}

加林森 发表于 2022-4-3 17:33

马黑黑 发表于 2022-4-3 15:39


老黑下午好。

马黑黑 发表于 2022-4-3 17:57

加林森 发表于 2022-4-3 17:33
老黑下午好。

队长下午好啊

加林森 发表于 2022-4-3 18:00

马黑黑 发表于 2022-4-3 17:57
队长下午好啊

大家都好就是真的好。

马黑黑 发表于 2022-4-3 18:00

加林森 发表于 2022-4-3 18:00
大家都好就是真的好。

都好都好

加林森 发表于 2022-4-3 18:01

马黑黑 发表于 2022-4-3 18:00
都好都好

就是

马黑黑 发表于 2022-4-3 18:03

加林森 发表于 2022-4-3 18:01
就是

是的是的

加林森 发表于 2022-4-3 18:03

马黑黑 发表于 2022-4-3 18:03
是的是的

我去吃面条了，你先玩着。

查看完整版本: 角向渐变动态特效