CSSBattle

Daily Targets (260419)

코드
<p><p r><p r t><p l>
<style>
  & {
    background: #2F5C24
  }

  p {
    /* 사각형 표현 */
    width: 70;
    height: 70;
    margin: 25 0 0 92;
    background: #EBCB58
  }

  [r] {
    /* 우측 라운딩 사각형 */
    width: 150;
    height: 40;
    margin: -30 0 0 132;
    border: solid #EBCB58;
    border-width: 30 30 30 0;
    border-radius: 0 99q 99q 0;
    background: 0
  }

  [t] {
    /* 좌측 라운딩 사각형 */
    transform: scaleX(-1);
    margin-left: 72
  }

  [l] {
    margin: -30 0 0 222
  }
</style>