CSSBattle

Daily Targets (260601)

코드
<p><p l>
<style>
  & {
    padding: 62 112;
    background: #FEF9CE
  }

  &>* {
    background: radial-gradient(#FEF9CE 50px, #D19F37 0) #D19F37;
    /* 보더를 안쪽으로 파인 형태로 적용 */
    corner-shape: scoop;
    border-radius: 50px
  }

  p {
    /* 원 모양. 좌우로 붙여줌 */
    position: fixed;
    top: 104;
    left: 90;
    width: 60;
    height: 60;
    border-radius: 50%;
    background: #D19F37
  }

  [l] {
    left: auto;
    right: 90
  }
</style>