Butns.css를 사용하여 사이트에 미리 디자인 된 단추 추가

부트 스트랩과 같은 프론트 엔드 프레임 워크는 자신의 버튼 스타일, 그러나 그들은 대개 다양성이 없다..

무료 Butns 도서관 제안 수많은 맞춤형 버튼 스타일 전체 프레임 워크를 첨부하지 않아도됩니다. 개발자에게 적합합니다. 이미 사용자 정의 페이지 디자인이 있습니다. 그러나 자신의 버튼 스타일을 만드는 것을 다루고 싶지는 않습니다..

실제로 선택할 수있는 선택 사항과 조합은 무한합니다. Butns있다 30 가지가 넘는 배경색 / 테두리 색상 기존의 평평한 단추 또는 알약 단추 또는 유령 버튼.

사이에서 선택할 수도 있습니다. 다른 그라데이션 스타일 그 두 가지 색상을 함께 메쉬. 이 그라디언트 버튼은 인상 된 엠보싱 효과를위한 그림자와 함께 멋지게 보입니다..

색상과 그림자와 함께 모양, 크기 및 투명도 변경 어떤 버튼이든.

모든것은 CSS 클래스를 통해 제어, 그래서 당신은 정말로 도서관에있는 모든 것을 완벽하게 접근 할 수 있습니다..

내가 Butns에 대해 가장 좋아하는 것은 당신이 쉽게 할 수 있다는 것입니다. 서로 다른 스타일 간 전환 바로 옆에 하나의 클래스 이름 업데이트하기. 스타일을 추가하거나 스타일 시트를 편집하는 지나치게 복잡한 시스템은 없습니다. 너는 수업을 바꿔야 만하고, 너는 갈 수있어..

아무런 해가 없지만 이들 클래스 중 일부를 덮어 쓴다. 자신의 취향대로 이것이 CSS의 계단식 효과의 아름다움입니다..

시작하려면 다운로드 .CSS 파일 Butns 홈페이지 또는 GitHub 저장소에서 가져옵니다. 두 버전 모두 가장 최신 버전에 연결되므로 어느 쪽이라도 OK입니다..

웹 페이지에 추가되면 수업 추가 .단추 버튼과 같은 모양으로 만들고 싶은 모든 것. 거기서부터 추가 수업 추가 원하는 색상, 크기 및 스타일에 따라.

클래스 목록 근처의 GitHub 페이지를 살펴보십시오. 당신은 모든 수업의 전체 목록 색상, 버튼 유형 및 소형 / 대형 또는 반투명과 같은 디스플레이 옵션을 사용자 정의하기위한.

Butns.css는 쉽습니다. 가장 포괄적 인 버튼 스타일 시트 중 하나 웹에서. 여러 웹 프로젝트에 추가 할 수 있으며 모두 모양이 다르다. 이 한 도서관과.

또한 다른 프레임 워크와 잘 어울린다. 부트 스트랩과 같은 클래스가 겹치지 않는다.. 따라서 Butns를 시장에서 거의 모든 다른 프론트 엔드 프레임 워크와 병합 할 수 있습니다..