CSSBattle

Daily Targets (260628)

코드
<p><i>
<style>
  * {
    margin: 0
  }

  & {
    margin: 50 100;
    background: #284A5B
  }

  p {
    /* 사각형 내 원. 사각형을 벗어나는 경우 잘리도록 함 */
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: 0;
    background: radial-gradient(#F1F271 100px, #284A5B 0) 50% / 200px 200px no-repeat #284A5B
  }

  i {
    /* 사각형. p 영역을 벗어나 일부분 잘림 */
    position: absolute;
    top: 50;
    right: -21;
    width: 100;
    height: 100;
    background: #BE6B6C;
    rotate: 45deg
  }
</style>