'===J.O.B===/CSS'에 해당되는 글 2건

  1. 2010.05.28 CSS3 Click Chart by Impressive Webs
  2. 2010.03.11 CSS3의 기본적인 사용방법

CSS3 Click Chart by Impressive Webs

CSS3 Click Chart by Impressive Webs ===J.O.B===/CSS 2010. 5. 28. 15:00


css3에 대한 다양한 예제를 볼 수 있는곳이다.

해당 사이트는 Chrome 4+, Safari 4+, or Firefox 3.6+ 이상에서 제대로 볼수 있다.

http://www.impressivewebs.com/css3-click-chart/
저작자표시

'===J.O.B=== > CSS' 카테고리의 다른 글

CSS3의 기본적인 사용방법  (0) 2010.03.11
Posted by 샤가No01
:

CSS3의 기본적인 사용방법

CSS3의 기본적인 사용방법 ===J.O.B===/CSS 2010. 3. 11. 00:58

내가 많은 정보를 얻고 있는 파이어준(http://firejune.com)님의 블로그에서 얻은 정보이다~ 아직 자세히 읽어보진 않았지만.. 그래도 css3에 대해서 공부해야하는 나로서는 너무 좋은 정보다.

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
Posted by 샤가No01
:
1 

카테고리

최근에 달린 댓글

태그목록

하단 사이드바 열기
BLOG main image

티스토리툴바