CSSBattle

Daily Targets (260115)

코드
<p><i>
<style>
  &>*{
    display: grid;
    place-items: center;
    background:#5AA4B7
  }
  p {
    width: 150;
    height: 150;
    /* 정사각형 내 원형 패턴 */
    background: radial-gradient(#5AA4B7 25px, #2B2A4A 0);
    background-size: 80px 80px;
    background-position: -5 -5
  }
  i{
    position: fixed;
    top: 85;
    left: 65;
    width: 50;
    height: 50;
    background: #2B2A4A;
    border-radius: 50%;
    /* 그림자를 통해 원 복사 */
    box-shadow: 220px 80px 0 #2B2A4A
  }
</style>