CSSBattle

Daily Targets (260317)

코드
<b>
  <a></a>
  <c></c>
  <d></d>
</b>
<style>
  &>* {
    background:#3A2568
  }
  
  b {
    display: flex;
    justify-content: center;
    margin-top: 45;
    -webkit-box-reflect: below
  }
  
  a, d {
    width: 40;
    height: 90;
    margin-top: 5;
    /* 보더를 이용해 'L' 모양 표현 */
    border: solid #9D92C8;
    border-width: 0 0 10 20
  }

  d {
    /* 'L' 모양 좌우 뒤집기 */
    transform: scaleX(-1)
  }
  
  c {
    /* 원 표현 */
    width: 100;
    height: 100;
    background: #9D92C8;
    border-radius: 50%
  }
</style>