#test {
width
:
12
rem;
height
:
12
rem;
margin-left
:
200px
;
background
: linear-gradient(
60
deg,
black
63.4%
,
transparent
63.4%
),
linear-gradient(
-60
deg,
black
63.4%
,
transparent
63.4%
)
100%
0
,
linear-gradient(
-60
deg,
transparent
36.6%
, yellow
36.6%
)
0
100%
,
linear-gradient(
60
deg,
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%
;
}