CSSBattle

Daily Targets (260427)

코드
<w r o><p></p><p s></p></w>
<w r><p></p><p s></p></w>
<w r l><p></p><p s></p></w>
<w o><p></p><p s></p></w>
<style>
  &>* {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: min-content;
    margin: 19.5 0;
    gap: 18px;
    background: #6592CF
  }

  w {
    display: flex;
    justify-content: center;
    gap: 40px
  }

  [r] {
    /* 상하 반전 */
    scale: 1 -1
  }

  [o] {
    width: 100%
  }

  [l] {
    margin-left: 62
  }

  p {
    /* ◔ 모양 표현 */
    width: 30;
    height: 30;
    background: conic-gradient(#0000 90deg, #282342 90deg);
    border-radius: 50%
  }

  [s] {
    /* 좌우 반전 */
    scale: -1 1
  }
</style>