CSSBattle

Daily Targets (260406)

코드
<p><p g><p w><i f></i><i></i><i></i><i></i><i l></i>
<style>
  body {
    display: flex;
    flex-direction: column;
    padding: 12 52;
    gap: 70px;
    background: #1F1446
  }
  
  p {
    /* 긴 원형 모양 */
    width: 280;
    height: 40;
    margin: 0;
    background: #FFCA00;
    border-radius: 99q
  }

  [g] {
    /* 줄무늬 패턴 */
    background: linear-gradient(90deg, #4A9A86 60px, #0000 0) 0 / 110px 1q
  }

  [w] {
    /* 라운딩 처리된 i 요소를 배치하여. 줄무늬 + 라운드 패턴 표현 */
    display: flex;
    gap: 20px;
    background: #0000
  }

  i {
    width: 40;
    background: #FFCA00;
    border-radius: 10px
  }

  [f] {
    border-radius: 99q 30px 30px 99q
  }

  [l] {
    border-radius: 30px 99q 99q 30px
  }
</style>