【CSS】box-shadow

1794 단어 CSSCSS3

box-shadow



상자에 그림자 표시

이름 그대로 무서워하기 쉬운 ...
box-shadow: 水平方向 垂直方向 色;

엄밀히 말하면 어디를 기준으로 하는지에 따라 수평 방향도 수직 방향도 바뀌어 오는 것입니다만, 현 단계에서는

수평 방향 → 가로 방향
수직방향→세로방향

괜찮을까요

옆에만 그림자 CSS.
  box-shadow: 10px 0px #dfdfdf;

그림자를 가로 방향으로 10px만 내는 설정입니다.
그림자의 색상은 회색입니다.


세로에만 그림자 CSS.
  box-shadow: 0px 10px #dfdfdf;



그림자를 세로 방향으로 10px만 내는 설정입니다.
그럼 조합하면 ...

세로 + 가로로 그림자 CSS.
  box-shadow: 10px 10px #dfdfdf;



그림자 같아

좋은 웹페이지 즐겨찾기