본문 바로가기

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

CSS

NEWS

SITE

Coding


광고

TRANSITION

[Dropdown] 마우스 오버하면 나오는 서브 메뉴 CSS3 마우스를 오버하면 서브메뉴를 나오게 하는 드롭다운 메뉴입니다.서브메뉴를 미리 만들어놓고opacity를 사용하여 보이게 하거나보이지 않게 하는 간단한 메뉴입니다.-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;트랜지션을 사용하여 부드러운 효과를 주었기 때문에익스9에서는 잘 구현이 안됩니다. See the Pen Drop Down Menu by Brandon Pimentel (@BrandonUX) on CodePen.
[CSS] CSS3와 관련된 Generators 프로그램 모음입니다. http://css3maker.com/CSS3의 Gradient, Transform, Animation, Transition, RGBA, Text Shadow, Box Shadow, Text Rotation의기능을 알아 볼 수 있는 프로그램입니다. http://westciv.com/tools/gradients/ CSS3의 Linear Gradients, Radial Gradients, Text Properties, Box Properties, Transforms의기능을 알아볼 수 있는 제네레이터입니다. http://www.cssmatic.com/CSS3의 Gradient 제네레이터입니다.SASS 소스까지 지원을 하네요 http://grad3.ecoloniq.jp/일본에서 제작된 CSS3 버튼 만들기 프로..
[HTML/CSS] CSS3 transform을 이용한 화면 전환효과 페이지 CSS3 transform을 이용한 화면 전환효과 페이지 만들기 A Collection of Page Transitions [미리보기][목록보기] CSS3d의 Transtions효과를 이용한 페이지 전환효과입니다. 익스에서 작동을 하지않습니다. 구글에서 확인을 해야 이 소스의 놀라움을 알 수 있습니다.