老师你好，我想请问一下，一个颜色交叉的圆怎么实现

Question

Answer 1

李行知 2018-04-26 16:14:54

#test {
width: 12rem;
height: 12rem;
margin-left: 200px;
background: linear-gradient(60deg, black 63.4%, transparent 63.4%),
linear-gradient(-60deg, black 63.4%, transparent 63.4%) 100% 0,
linear-gradient(-60deg, transparent 36.6%, yellow 36.6%) 0 100%,
linear-gradient(60deg, transparent 36.6%, yellow 36.6%, yellow) 100% 100%,
black linear-gradient(yellow, yellow) 50% 0;
background-repeat: no-repeat;
background-size: 50% 50%;
border-radius: 50%;
}

求个采纳qwq

• 提问者 老衲还能打 #1

  非常感谢！

• 提问者 老衲还能打 #2

  大佬能讲下思路吗，哪些百分比，角度怎么算出来的