CSSBattle

Daily Targets (260209)

코드
<p c><p c w><p c t><p><p s><p>
<style>
  &>* {
    padding: 37 27;
    background: #8BFA94
  }

  [c] {
    position: fixed;
    top: 59;
    width: 330;
    height: 30;
    /* 원 패턴 */
    background: radial-gradient(#D76159 15px, transparent 0) -45px / 120px 120px
  }

  [w] {
    margin-top: 76px;
    /* 두번째 원 패턴 배경 위치 조절 */
    background-position: 15
  }

  [t] {
    margin-top: 136px
  }

  p {
    position: relative;
    /* 줄무늬 패턴 */
    background: linear-gradient(90deg, #D76159 30px, transparent 0) 60px / 120px;
    height: 30;

    +p{
      margin-top: 30
    }
  }

  [s] {
    /* 두번째 줄무늬 패턴 배경 위치 조절 */
    background-position: 120px
  }
</style>