CSS3 상자 그림자

box-shadow: 2px 2px 2px 2px #CCCCCC;

그것의 오른쪽과 아래쪽에이 이상한 효과를주는 사용하고 있습니다. 그림자를 모든면에서 동일하게 만드는 방법은 무엇입니까? 사용

box-shadow: 0 0 2px 2px #CCCCCC;

enter image description here

2012-04-12 Harsha M V

대신

처음 두 수치가 그림자의 상대적 오프셋, X와 Y를 지정하는 참조. 따라서 그림자는 (2px, 2px) 또는 2px의 오른쪽 벡터와 2px의 벡터에 의해 대체/오프셋되었습니다.

번째 수치는 흐림을 지정하고

2012-04-12 16:57:40 jacktheripper

사용 (HEX)에서 색 그림자 크기/확산 네번째, 다섯 번째 본 :

box-shadow: 0px 0px 2px 2px #CCCCCC; /* Horizontal Length: px, Vertical Length: px, Blur Radius: px, Spread: px, Color */

여기서 CSS3를 테스트 할 수있다 : http://css3generator.com/

당신은 0 픽셀하는 최초의 2 개 값을 설정하여이 작업을 수행 할 수 있습니다

2012-04-12 16:58:19 kpotehin

box-shadow: 0px 0px 2px 2px #CCCCCC;

은 자세한 내용보기 : w3schools

2012-04-12 16:59:02 blake305

가 참조 ? –

첫 번째 : 수평 그림자의 위치입니다. 두 번째 : 세로 그림자의 위치입니다. – blake305

참조 번호 – blake305

상자 그림자는 다음과 같이 정의된다 : 수평 오프셋 - 수직 오프셋 - 그림자 확산 - 흐림 크기 - 색상

당신은 다만 수 : box-shadow: 0 0 2px 2px #ccc; 값으로 첫번째 무엇

2012-04-12 16:59:13 ckaufman

답변