CSS3

CSS3로 만든 마이크로소프트 스타일 버튼들

CSS3 Microsoft Modern Buttons http://ace-subido.github.com/css3-microsoft-metro-buttons/index.html CSS3로 만든 마이크로소프트 스타일 버튼들입니다. Metro UI에 사용되는 버튼 같은 디자인인 것 같습니다. http://ace-subido.github.com/css3-microsoft-metro-buttons/buttons.html 에 가시면 버튼 demo들이 있습니다. »

CSS line-height 에 대한 자세한 설명

Refine your Web type with this crash course on the CSS line-height property http://thenextweb.com/dd/2012/10/14/refine-your-web-type-with-this-crash-course-on-the-css-line-height-property/ CSS line-height 속성에 대한 자세한 설명입니다. 무려 99페이지의 슬라이드로 되어 있지만, 간략한 내용으로 이루어진 슬라이드들이라 생각보다는 금방 읽으실 수 있으실 것입니다. line-height 속성에 대해서 그렇게 설명할 내용이 많을까 했는데, 읽다 보니 모르고 있었던 내용을 많이 알게 되었습니다. »

CSS로 만든 다양한 모양들

The Shapes of CSS http://css-tricks.com/examples/ShapesOfCSS/ CSS로 만든 다양한 모양들입니다. 사각형, 원, 타원에서 별, 말풍선까지 다양합니다. CSS3를 사용한 것이 많이 포함되어 있습니다. »

Making a move with CSS3 animations

Making a move with CSS3 animations http://dev.opera.com/articles/view/css3-animations/ »

CSS3 기초 – box-shadow

엘리먼트에 그림자를 넣어주는 속성입니다. <style> .box { margin: 20px; width: 100px; height: 100px; background: blue; -moz-box-shadow: 3px 3px 5px black; -webkit-box-shadow: 3px 3px 5px black; box-shadow: 3px 3px 5px black; } </style> <div class="box"></div> 속성 값은 순서대로 x-offset, y-offset, blur, color 입니다. 즉, 위와 같은 경우 x축으로 3px, y축으로 3px, blur 크기는 5px, color 는 black 으로 하라는 의미입니다. x축으로 3px, y축으로... »

Page 3 of 712345»