하고 싶은 일.

이전에는 Bootstrap 이외의 CSS 프레임워크 찾기에서 CSS 프레임워크를 사용했습니다.
하지만 사이트가 완성되면 전체적인 사용 틀이 필요 없다.어떤 것을 말하려면, 대부분 일부 부품에만 적용된다.
예를 들면 버튼 같은 거.
이럴 때 역할을 하는 건 버튼을 만드는'버톤스'다.

Butons란 무엇입니까?

Buttons
http://alexwolfe.github.io/Buttons/
이렇게 가지각색의 버튼은 간단하게 만들 수 있다.

3D 버튼, 드롭다운 버튼, 아이콘이 있는 버튼 등 총 8가지 유형의 버튼이 사용할 수 있는 예다.
나는 이 진짜 단추에 첫눈에 반했다.

사용법

다운로드

Buttons에서 다운로드하십시오.
파일 구성은 css, js,saas입니다.

css, js 읽기

index.html

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/buttons.css">

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/buttons.js"></script>

class 지정

index.html

<a href="#" class="button button-circle button-flat-primary">press me</a>

이렇게 하면 위 그림의 원형 단추를 만들 수 있습니다!
자세한 내용은 공식 문서를 보십시오.

또 다른 방법은?

Sassy Buttons

CSS patterned buttons

등등, 여러 가지가 있지만 버튼스처럼 변화가 있어 문서에서 쉽게 볼 수 있는 것을 찾기 어렵다.
그중에도 이런 이상한 씨앗이 있다.

CSS3 GitHub Buttons
지금 Giithub에서 사용할 수 있는 버튼

부품에 사용할 수 있는 추천 프레임이 있으면 꼭 알려주세요.

참고 자료

버튼을 만드는 시간을 줄여라!CSS 버튼 설계 빌더 요약