기본적인 모양
box-shadow: 2px 2px 5px #000;
문법
box-shadow: h-shadow v-shadow {blur {spread}} {color} {inset};
h-shadow : 수평 그림자 위치 (필수) (음수일 경우 위로)
v-shadow : 수직 그림자 위치 (필수) (음수일 경우 왼쪽으로)
blur : blur(흐리게)효과수준 (옵션)
spread : 그림자 크기 (옵션)
color : 그림자 색 (옵션)
inset; 내부 그림자 형식 (옵션)(inset 이라고 적음)
특징
h-shadow, v-shadow 로 상하, 좌우 로 설정 가능
blur 및 spread (그림자 크기) 설정가능
spread (그림자 크기) 설정시
위치도 주의해서 설정
blur를 무조건 같이 표시해야한다.(0px라도)
레이아웃으로의 위치를 차지하지 않는다.
단순한 꾸밈으로 동작하며 box-shadow로 인한 레이아웃 뒤틀림이 없음.
브라우저 지원
IE9+
Firefox
Chrome
Opera
Safari 5.1.1 (윈도우 최후 버전은 5.1.7 이므로 지원은 됨)
(링크에 예제 모양 몇개와 w3schools쪽 링크도 붙여놨어요)
데코레이션용으로 강조를 위해서는 꽤 좋은 기능 같아서...
(outline 으로 했는데 안 예쁘면 한번 생각해보세요.)
위 자료는 펌 자료인데요..
특별한 기능을 하는 css 찾다가.. 찾은것이에요.
css가 못하는 것이 없네요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6430 | 12년 전 | 983 | ||
| 6429 | 12년 전 | 9106 | ||
| 6428 | 12년 전 | 606 | ||
| 6427 |
제이티37
|
12년 전 | 1571 | |
| 6426 |
프로프리랜서
|
12년 전 | 1155 | |
| 6425 |
프로프리랜서
|
12년 전 | 1610 | |
| 6424 |
프로프리랜서
|
12년 전 | 1813 | |
| 6423 | 12년 전 | 1001 | ||
| 6422 |
퍼블리셔지노군
|
12년 전 | 1574 | |
| 6421 | 12년 전 | 2210 | ||
| 6420 |
 신현종실장 |
12년 전 | 1334 | |
| 6419 |
 돼지코구뇽 |
12년 전 | 1287 | |
| 6418 | 12년 전 | 1186 | ||
| 6417 |
senseme
|
12년 전 | 7423 | |
| 6416 |
senseme
|
12년 전 | 1331 | |
| 6415 |
senseme
|
12년 전 | 1193 | |
| 6414 |
senseme
|
12년 전 | 1969 | |
| 6413 |
senseme
|
12년 전 | 975 | |
| 6412 |
senseme
|
12년 전 | 1493 | |
| 6411 |
senseme
|
12년 전 | 1101 | |
| 6410 |
senseme
|
12년 전 | 1048 | |
| 6409 |
PASKRAN
|
12년 전 | 2818 | |
| 6408 | 12년 전 | 10800 | ||
| 6407 | 12년 전 | 2991 | ||
| 6406 |
프로프리랜서
|
12년 전 | 2836 | |
| 6405 |
프로프리랜서
|
12년 전 | 1372 | |
| 6404 |
프로프리랜서
|
12년 전 | 2724 | |
| 6403 |
프로프리랜서
|
12년 전 | 819 | |
| 6402 |
프로프리랜서
|
12년 전 | 1736 | |
| 6401 |
프로프리랜서
|
12년 전 | 1140 | |
| 6400 |
프로프리랜서
|
12년 전 | 1467 | |
| 6399 |
프로프리랜서
|
12년 전 | 1181 | |
| 6398 |
프로프리랜서
|
12년 전 | 1494 | |
| 6397 |
프로프리랜서
|
12년 전 | 3606 | |
| 6396 | 12년 전 | 1873 | ||
| 6395 | 12년 전 | 921 | ||
| 6394 |
신현종실장 |
12년 전 | 5241 | |
| 6393 |
제이티37
|
12년 전 | 1206 | |
| 6392 |
songsinica
|
12년 전 | 1208 | |
| 6391 |
 카카오툴즈 |
12년 전 | 3393 | |
| 6390 |
 cshop2 |
12년 전 | 1627 | |
| 6389 | 12년 전 | 4861 | ||
| 6388 |
스누피사랑
|
12년 전 | 5434 | |
| 6387 | 12년 전 | 1838 | ||
| 6386 | 12년 전 | 3062 | ||
| 6385 |
희망과열정
|
12년 전 | 927 | |
| 6384 | 12년 전 | 3294 | ||
| 6383 | 12년 전 | 10601 | ||
| 6382 |
신현종실장 |
12년 전 | 5791 | |
| 6381 |
SugarSkull
|
12년 전 | 1032 | |
| 6380 | 12년 전 | 780 | ||
| 6379 |
 hy미디어 |
12년 전 | 1984 | |
| 6378 | 12년 전 | 1563 | ||
| 6377 | 12년 전 | 499 | ||
| 6376 |
후라보노보노
|
12년 전 | 1333 | |
| 6375 | 12년 전 | 2873 | ||
| 6374 | 12년 전 | 837 | ||
| 6373 | 12년 전 | 2368 | ||
| 6372 |
takumi22
|
12년 전 | 1241 | |
| 6371 |
개초보제이
|
12년 전 | 776 | |
| 6370 |
고급자가되고
|
12년 전 | 1462 | |
| 6369 | 12년 전 | 887 | ||
| 6368 | 12년 전 | 3187 | ||
| 6367 | 12년 전 | 1881 | ||
| 6366 | 12년 전 | 2885 | ||
| 6365 |
lilyosia
|
12년 전 | 1796 | |
| 6364 | 12년 전 | 1059 | ||
| 6363 | 12년 전 | 1592 | ||
| 6362 | 12년 전 | 2736 | ||
| 6361 | 12년 전 | 2560 | ||
| 6360 | 12년 전 | 1009 | ||
| 6359 | 12년 전 | 2104 | ||
| 6358 |
 gilynh |
12년 전 | 1790 | |
| 6357 |
에헤라디야자진방아를돌려라
|
12년 전 | 785 | |
| 6356 | 12년 전 | 2092 | ||
| 6355 | 12년 전 | 3788 | ||
| 6354 | 12년 전 | 3102 | ||
| 6353 | 12년 전 | 1548 | ||
| 6352 | 12년 전 | 7772 | ||
| 6351 | 12년 전 | 2540 | ||
| 6350 | 12년 전 | 2800 | ||
| 6349 | 12년 전 | 1881 | ||
| 6348 | 12년 전 | 3548 | ||
| 6347 | 12년 전 | 1449 | ||
| 6346 | 12년 전 | 1191 | ||
| 6345 | 12년 전 | 1835 | ||
| 6344 | 12년 전 | 1415 | ||
| 6343 |
프로프리랜서
|
12년 전 | 2060 | |
| 6342 |
프로프리랜서
|
12년 전 | 1388 | |
| 6341 |
프로프리랜서
|
12년 전 | 1814 | |
| 6340 |
프로프리랜서
|
12년 전 | 1902 | |
| 6339 |
프로프리랜서
|
12년 전 | 1347 | |
| 6338 |
프로프리랜서
|
12년 전 | 1616 | |
| 6337 | 12년 전 | 5272 | ||
| 6336 |
프로프리랜서
|
12년 전 | 1632 | |
| 6335 |
프로프리랜서
|
12년 전 | 951 | |
| 6334 |
프로프리랜서
|
12년 전 | 1330 | |
| 6333 |
프로프리랜서
|
12년 전 | 2443 | |
| 6332 | 12년 전 | 1102 | ||
| 6331 |
돗단배123
|
12년 전 | 1421 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기