이것은 간단해야하며 그림자를 원하지만 사각형의 안쪽에 원한다. Google에서 장소를 찾고 있는데 찾지 못했습니다.CSS 3 내부 드롭 섀도우
0
A
답변
1
1
inset box-shadow
을 사용하십시오.
div {
width: 200px;
height: 100px;
background: white;
box-shadow: inset 8px 9px 3px -5px #939393;
}
body {
background: papayawhip;
}
<div></div>
1
예. @antyrat에 언급 된 바와 같이 삽입 상자 그림자를 사용할 수 있습니다.
body {
background: #bada55;
}
.shadow {
width: 250px;
height: 250px;
margin: 25px auto;
background: white;
box-shadow: inset 3px 3px 3px grey;
}
<div class="shadow"></div>
지원 - CanIUse.com
0
inset
값이 당신을 위해 무엇을 찾고 있습니다. 자세한 정보는 여기를
box-shadow: inset 0 0 5px #000;
봐 :
이 예제를 참조하십시오 developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
관련 문제
- 1. Firefox 3.0 CSS 드롭 섀도우
- 2. CSS가있는 드롭 섀도우
- 3. jquery 드롭 섀도우 플러그인?
- 4. 왼쪽에서 드롭 섀도우 제거
- 5. 오버랩 드롭 섀도우 효과
- 6. CSS 섀도우 변 측면
- 7. CSS 텍스트 - 섀도우 opcity
- 8. CSS - 박스 섀도우 트릭?
- 9. CSS 박스 섀도우 숨김
- 10. IE9 필터 드롭 섀도우 버그?
- 11. 다른 뷰의 UIView 드롭 섀도우
- 12. 크로스 브라우저 드롭 섀도우 상자에
- 13. moz css 텍스트 섀도우 해킹
- 14. 섀도우 전용 CSS Z- 색인
- 15. CSS 테두리/상자 섀도우 챌린지
- 16. 회전 된 CSS 박스 섀도우
- 17. 트위터에 드롭 섀도우 추가하기 툴팁의 화살표
- 18. div 위에 Chrome 드롭 섀도우 상자가 표시됩니다.
- 19. D3.js 빠른 트랜지션을위한 SVG 드롭 섀도우
- 20. Google Play 뮤직과 유사한 Android 드롭 섀도우
- 21. PDF를 드롭 섀도우/베벨없이 JPEG로 변환
- 22. WPF에서 도형에 드롭 섀도우 효과를 그리는 방법
- 23. iOS : 표 셀 바닥 글 드롭 섀도우
- 24. 이상한 CSS 규칙을 적용한 크롬 섀도우 루트
- 25. CSS 또는 CS3 바디 섀도우 구현
- 26. 하위 메뉴에서 CSS 박스 섀도우 호버
- 27. CSS - 텍스트가 아닌 섀도우 지원 브라우저 대상
- 28. 양면 상자 그림자 3면의 섀도우 섀도우
- 29. 라파엘 드롭 섀도우 플러그인 파이어 폭스와 오페라 문제를 svg 경로
- 30. div 아래에 나타나는 한면의 섀도우 섀도우
을 당신은'inset' 재산 https://developer.mozilla.org/en-US/docs/를 사용할 필요가 웹/CSS/박스 - 섀도우 – antyrat