CSSBattle

Daily Targets (260429)

코드
<p><i>
<style>
  & {
    background: #E3DCD1
  }

  p {
    /* 줄무늬 패턴 직사각형 */
    margin: 120 22 40;
    height: 80;
    border: 30px solid #0D2A58;
    background: linear-gradient(90deg, #D95F5B 50%, #5CF2F7 0)
  }

  i {
    /* 반원 */
    position: fixed;
    bottom: -30;
    left: 130;
    width: 80;
    height: 80;
    border: 30px solid #0D2A58;
    border-radius: 50%;
    background: #E3DCD1;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%)
  }
</style>