내가 많은 정보를 얻고 있는 파이어준(http://firejune.com)님의 블로그에서 얻은 정보이다~
RGBA(Red,Green,Blue,Alpha)
rgb컬러값과 투명도를 설정할 수 있다. alpha는 %인데 0은 투명, 1은 불투명font, border, background, show등 rgb컬러값을 설정할수 있는곳에서 쓸수 있다.
Text Shadow
텍스트에 그림자 주는 방법.. 정말 빨리 CSS3가 보급되었으면 좋겠다.. ㅜㅜ
text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
이렇게 하면 아래와 같은 효과가 나타난다.Border Radius
둥근 박싱처리. 이제 투명한 gif와 png의 시대는 가라!!
각각의 모서리에다가 값을 줄수도 있고..
Box Shadow
text shadow와 마찬가지로 box에도 그림자를 줄수 있는 방법이다.
박스 하나에 여러개의 그림자를 선언 할 수도 있다.
-moz-box-shadow:
-2px -2px 0 #fff,
2px 2px 0 #bb9595,
2px 4px 15px rgba(0, 0, 0, .3);
파이어준님 블로그 : http://firejune.com/1562
'===J.O.B=== > CSS' 카테고리의 다른 글
CSS3 Click Chart by Impressive Webs (0) | 2010.05.28 |
---|