【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;



그림자 같아
【CSS】position: absolute; 와 position: relative;
【CSS】cursor

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage