CSS 요소에 이중 그림자 만들기
질문:
여러 상자를 적용하려면 어떻게 해야 하나요? CSS의 요소에 그림자를 적용하여 내부 그림자와 외부 그림자를 모두 허용합니까?
구현:
단일 요소에 두 개의 그림자를 만들려면 간단히 쉼표로 구분하면 됩니다. 상자 그림자 속성. 그림자의 순서에 따라 우선 순위가 결정되며, 후자의 그림자가 이전 그림자보다 우선합니다.
예:
두 내부 조명을 모두 사용하여 원하는 버튼 디자인을 얻으려면 그림자와 외부 그림자를 사용하려면 다음 코드를 사용하세요.
<code class="css">box-shadow: inset 0 2px 0px #dcffa6, 0 2px 5px #000;</code>
설명:
첫 번째 값인 inset 0 2px 0px #dcffa6은 내부 삽입을 생성합니다. 2px 스프레드와 #dcffa6 색상의 상자 그림자. 두 번째 값인 0 2px 5px #000은 5px 스프레드와 색상 #000을 사용하여 외부 그림자를 만듭니다. 이 값을 box-shadow 속성에 배치하고 쉼표로 구분하면 두 그림자가 모두 요소에 적용됩니다.
위 내용은 다음은 기사의 핵심을 포착하는 몇 가지 질문 기반 제목입니다. 짧고 간결함: * CSS에서 이중 그림자를 만드는 방법은 무엇입니까? * CSS를 사용한 내부 및 외부 그림자: 어떻게? 더 자세한 설명:의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!