CSS3 - 상자 섀도우

773 단어 css3
1. 속성:
Inset: [no|inset]/*는 바깥쪽의 음영 효과이고 inset은 안쪽으로*/
Horizontal Length:/*X 축 변위, 음수 값*/
Vertical Length:/*Y 축 변위, 음수 값*/
Blur Radius:/* 섀도우 흐림 반지름*/
Spread:/* 섀도우 크기*/
섀도우 Color:/* 섀도우 색상*/
2. 구체적인 문법:
그림자 확대:

-webkit-box-shadow: 0px 0px 4px 3px #b335b3;
-moz-box-shadow: 0px 0px 4px 3px #b335b3;
box-shadow: 0px 0px 4px 3px #b335b3;

그림자 확대:

-webkit-box-shadow: inset 0px 0px 30px 30px #b335b3;
-moz-box-shadow: inset 0px 0px 30px 30px #b335b3;
box-shadow: inset 0px 0px 30px 30px #b335b3;

인용하다
CSS3 생성기:
http://css3generator.com/

좋은 웹페이지 즐겨찾기