1 2 3 4 5 6 L

Page Header > Subtitle

버튼디자인 및 오버효과를 간편하게 줄수있는 bttn.css

 

“bttn.css”는 그 이름과 같이 버튼에  스타일을 적용 할 수 스타일 시트입니다.
스타일 스트에 포함된 각 클래스명을 해당 태그에 부여하여 쉽게 디자인 적용 및 다양한 오버 효과를 적용 할 수 있습니다~!!

 65dfa70bb44640189cad2ca6d0b0ab60.jpg 

사용법

사용 방법은 정말 간단합니다.
소개해드리는 사이트에 방문하셔서 css를 다운로드하고 그것을 사용할 곳에 연결해주면 준비끝!!!
이제 사용할 button태그 또는 a 태그에 적용하고 싶은 스타일에 클래스명만 아래와 같이 넣어주면 바로 적용됩니다~!!!
HTML

<button class="bttn-simple bttn-md bttn-primary">Button</button>

사용할때 어떤 클래스를 부여해야 어떤 스타일이 적용되는지  확인하는 것이 번거로운 경우에는
아래 소개되는 데모 사이트에 방문하면 쉽게 확인하고 코드를 복사 해 할 수 있도록 잘 구성되어있습니다.

다양한 디자인

아래 이미지와 같이 다양한 디자인스타일로 구성되어있고 색상도 6가지로 선택해서 사용이 가능합니다~
848a6417ad5173d9e7456e1f42db3b60.jpg
 

d123aaa1b5eee1dec70b08aa6dd26ae9.jpg
c53bb5220551efb5cebe2dab2f527d38.jpg
 

크기도 다양하게 선택

74a87f2683efa8e6cfc4e127e7d10a88.jpg
 

사이즈는 xs · sm · md · lg의 4 가지가 준비되어 있습니다.

 

사이트 이동하기 :

Bttn.css – Demo 

 

0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기
captcha
자동등록방지 숫자입력

HTML/CSS

번호 제목 글쓴이 날짜 조회수
8 [CSS] nth-child (n번째 부터 n번째 까지 css적용) 미도어묵 11-24 881
7 유튜브 동영상 반응형으로 넣기 미도어묵 09-11 638
6 HTML5에서 다른 frame의 문서에 속한 객체 접근 방법 미도어묵 07-29 629
5 table등의 null 값에 특정값 삽입 css 미도어묵 12-29 304
4 CSS로 글자 자르기 - 한 줄, 여러 줄 관리자 05-22 317
3 CSS3 오브젝트 채우기, 위치조정 (object-fit, object-position) 속성 관리자 05-22 324
2 날짜와 시간 입력을 도와주는 데이트 피커 15가지 관리자 04-25 396
1 버튼디자인 및 오버효과를 간편하게 줄수있는 bttn.css 관리자 04-25 279