CSSBattle

Daily Targets (260725)

코드
<p><p l ><p r><p c>
<style>
  & {
    /* 중앙 원을 벗어나면 잘라내기 */
    overflow: clip;
    margin: 22 72;
    background: #94B31F
  }

  &>* {
    /* 중앙 흰색 원 */
    position: relative;
    border-radius: 50%;
    background: #fff
  }

  p {
    /* 막대 */
    position: absolute;
    top: -16;
    bottom: -16;
    left: 105;
    width: 30;
    background: #5F5F1E
  }

  [l] {
    rotate: -45deg
  }

  [r] {
    rotate: 45deg
  }

  [c] {
    /* 중앙 초록색 원 */
    inset: 0;
    margin: 30;
    width: auto;
    border-radius: 50%;
    background: #94B31F
  }
</style>