CSS3 버튼

CSS3 버튼(button) CSS를 이용하면 다양한 모양의 버튼을 여러 방식으로 만들 수 있습니다. CSS에서 버튼은 태그 뿐만 아니라 태그와 태그로도 만들 수 있습니다.

다양한 요소로 만드는 버튼 기본 버튼 button 태그 a 태그 CSS로 버튼 스타일 설정 button 태그 a 태그 버튼을 누르면 배경색이 변하는 버튼 다음 예제는 마우스를 올리면 배경색이 변하는 버튼 예제입니다. See the Pen RwWWrrL by yunjunshin (@yjshin) on CodePen.

위의 예제처럼 transition-duration 속성을 이용하면, 배경색 뿐만 아니라 글자의 색상까지 변경되게 할 수 있습니다. 그림자 효과 버튼 다음 예제는 그림자 효과를 설정한 버튼 예제입니다.

See the Pen .....