CSSBattle
Target #7 - Leafy Trail
동일한 잎 모양의 도형이 3개 반복된다. box-shadow를 이용해서, 간단하게 처리하자!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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>
끝