일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- Gallery
- 키보드방지
- keep-all
- 웹표준
- CSS
- jQuery
- Ajax
- 개발자도구함
- mobile view
- font-size
- Mobile
- 모바일테스트
- word-break
- 소스보기방지
- Filter
- onlosecapture
- view test
- html5
- 스크립트
- font
- break-all
- 웹표준 약도
- white-space:pre
- JavaScript
- IE8
- onmouseup
- css3
- box-shadow
- HTML
- meta
- Today
- Total
목록box-shadow (2)
감성 퍼블리셔 html,css
2008 년 7 월 마이클 벤트너는 구현 CSS 속성 상자 그림자 (모질라의 -moz-box-shadow라는 이름으로 까지 사양이 안정을). 이 게시물에서 나는 상자 그림자가 작동하는 방법의 간단한 요약을 제공하고 싶습니다. 조금 만든 데모 페이지를 , 당신은이 게시물에 표시되는 모든 그림자가 해당 페이지에서 스크린 샷입니다. 사용 최근 파이어 폭스 야간 빌드 를 볼 수 있습니다. 개요 상자에 상자 그림자를 설정하는 가장 기본적인 방법은 사용하는 박스 그림자 : box-shadow: [x offset] [y offset] [color]: box-shadow: 5px 3px black; 다른 번호를 추가하면 흐림 반경을 지정할 수 있습니다 : box-shadow: 3px 3px 5px black; 당신은 ..
CSS3의 box-shadow 속성을 사용하면 요소의 외부 또는 내부에 그림자를 만들 수 있습니다. box-shadow 속성을 지원하지 않는 익스플로러에서는 익스플로러의 확장 기능인 filter를 사용합니다. drop-shadow: x-offset y-offset blur spread color inset; 그림자는 2~4개의 길이 값을 지정할 수 있으며, 추가로 색상과 inset 키워드를 지정할 수 있습니다. · x-offset: 가로 그림자의 오프셋 거리입니다. 양수를 지정하면 오른쪽으로, 음수를 지정하면 왼쪽에 그림자가 생깁니다. 필수속성이므로 반드시 지정해야 합니다. · y-offset: 세로 그림자의 오프셋 거리입니다. 양수를 지정하면 아래로, 음수를 지정하면 위에 그림자가 생깁니다. 필수속성이..