[CSSBattle] Target #7 - Leafy Trail

CSSBattle

CSS Battle 사이트는?

Target #7 - Leafy Trail

문제 풀러가기

동일한 잎 모양의 도형이 3개 반복된다. box-shadow를 이용해서, 간단하게 처리하자!

<i></i>
<style>
  body {
    background: #0B2429;
  }
  i {
    position: absolute;
    right: 75px;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    height: 150px;
    background: #F3AC3C;
    border-radius: 100px 0 ;
    box-shadow: -50px 0 0 #998235, -100px 0 0 #1A4341;
  }
</style>

끝