LEE.SOL > CSSBattle > Daily Targets (260619)

Daily Targets (260619)

코드

<p><p r>
<style>
  &>* {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #AF6A8A
  }

  p {
    width: 120;
    height: 120;
    /* 사각형 내 사각형 표현 */
    background: conic-gradient(#444 90deg, #fff 0);
    rotate: -135deg
  }

  [r] {
    margin-left: -35;
    rotate: 45deg
  }
</style>