【CSS】box-shadow
box-shadow
상자에 그림자 표시
이름 그대로 무서워하기 쉬운 ...
box-shadow: 水平方向 垂直方向 色;
엄밀히 말하면 어디를 기준으로 하는지에 따라 수평 방향도 수직 방향도 바뀌어 오는 것입니다만, 현 단계에서는
수평 방향 → 가로 방향
수직방향→세로방향
괜찮을까요
옆에만 그림자 CSS.
box-shadow: 10px 0px #dfdfdf;
그림자를 가로 방향으로 10px만 내는 설정입니다.
그림자의 색상은 회색입니다.
세로에만 그림자 CSS.
box-shadow: 0px 10px #dfdfdf;
그림자를 세로 방향으로 10px만 내는 설정입니다.
그럼 조합하면 ...
세로 + 가로로 그림자 CSS.
box-shadow: 10px 10px #dfdfdf;
그림자 같아
Reference
이 문제에 관하여(【CSS】box-shadow), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mikimikiman/items/dc44263b881f2611496c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)