[그래픽 처리] 반사/box-reflect

box-reflect 속성을 이용해 반사효과를 주거나, 그림 혹은 글자를 반전 시키겠습니다.

-webkit-box-reflect:위치[거리px -webkit-gradient()];

box-reflect 속성의 '위치'에 지정할 수 있는 값

값

의미

above	위
below	아래
left	왼쪽
right	오른쪽

위치, 거리와 더불어 그라데이션 요소를 지정하는 -webkit-gradient() 메서드를 추가할 수 있습니다.
이것을 지정하면 반전한 그림이나 글자에 그라데이션 효과가 적용됩니다.

그림자의 위치는 아래로 하고 8px 거리로 반사효과가 나타납니다. 
위에서 아래로 그라데이션이 나타납니다.