CSSBattle

Daily Targets (260507)

코드
<p><p r><p l><p b>
<style>
  body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40 90 20;
    background: #3157B4
  }

  p {
    /* 모서리 라운딩 사각형 */
    width: 80;
    height: 80;
    margin: 0;
    border: 10px solid #060F55;
    border-radius: 0 0 50% 0;
    background: #84BE8D
  }

  [r] {
    scale: -1 1
  }

  [l] {
    scale: 1 -1
  }

  [b] {
    scale: -1
  }
</style>