🎨 버튼 스타일 라이브러리

Bootstrap 기본 버튼 + K Library 확장 버튼

Bootstrap 기본 버튼

기본버튼

Bootstrap 기본 컬러 버튼

btn btn-primary

btn btn-secondary

btn btn-success

btn btn-danger

btn btn-warning

btn btn-info

btn btn-light

btn btn-dark

버튼크기

다양한 크기의 버튼

btn btn-lg px-4 py-3

btn-outline-primary

btn btn-lg

btn-lg btn-outline

btn

btn-outline

btn btn-sm

btn-sm btn-outline

라운드버튼

둥근 모서리 버튼

btn rounded-5

rounded-5

선버튼

아웃라인 버튼

btn-outline-primary

btn-outline-secondary

btn-outline-success

btn-outline-danger

btn-outline-warning

btn-outline-info

btn-outline-light

btn-outline-dark

선버튼 라운드

둥근 아웃라인 버튼

outline rounded-5

그림자버튼

그림자 효과 버튼

btn shadow

shadow

아이콘버튼

아이콘이 있는 버튼

btn + bi-arrow-right

btn + icon

그라디언트버튼

그라디언트 배경 버튼

btn-gradient

아이콘 전용 버튼

아이콘만 있는 버튼

bi-award

bi-bank

bi-bell

K Library 확장 버튼

호버 반전 효과

마우스 호버 시 색상 반전

btn-hover-invert

Ghost 버튼

배경 없는 투명 버튼

btn-ghost

btn-ghost-primary

btn-ghost-dark

btn-ghost-gradient

그라디언트 방향

다양한 방향의 그라디언트

btn-gradient-h

btn-gradient-v

btn-gradient-diagonal

텍스트 그라디언트

그라디언트 텍스트 효과

btn-text-gradient

그라디언트 테두리

그라디언트 테두리 효과

btn-border-gradient

추가 크기

확장된 크기 옵션

btn-xs

btn-sm

btn

btn-lg

btn-xl

패딩 조정

버튼 여백 조정

btn-wide

btn-narrow

btn-tall

btn-compact

호버 그림자

호버 시 그림자 효과

btn-hover-shadow

btn-hover-shadow-lift

btn-hover-shadow-glow

호버 배경 효과

다양한 호버 애니메이션

btn-hover-darken

btn-hover-lighten

btn-hover-fill

btn-hover-shine

btn-hover-ripple

btn-hover-sweep

btn-hover-pulse

btn-hover-liquid

슬라이드 배경 효과 (Filled)

배경이 채워진 상태에서 슬라이드

filled-slide-down

filled-slide-up

filled-slide-left

filled-slide-right

호버 이동 효과

스케일 & 이동 효과

btn-hover-lift

btn-hover-lift-sm

btn-hover-lift-lg

btn-hover-grow

btn-hover-grow-sm

btn-hover-grow-lg

아이콘 애니메이션

아이콘 슬라이드 효과

btn-icon-slide-right

btn-icon-slide-left

+ rounded-pill + shadow

언더라인 효과

Ghost 버튼용 언더라인

btn-underline

btn-hover-underline

btn-underline-thin

btn-underline-thick

btn-underline-gradient

btn-underline-expand

btn-underline-center

btn-underline-slide

상태 클래스

로딩 & 비활성

btn-loading

btn-loading-dots

disabled

active

소셜 미디어 버튼

브랜드 색상 버튼

btn-facebook

btn-twitter

btn-instagram

btn-youtube

btn-kakao

btn-naver

복합 사용 예시

여러 클래스 조합

gradient + lift + glow

ghost + underline + icon

border-gradient + hover

icon + morph + shadow

워드프레스의 강력함

비용 효율성

추가 비용 Zero

주요 특징

엘리멘터 완벽 지원

닌자폼 호환

완벽한 반응형

자유로운 커스터마이징

다국어 지원

230개 테마 옵션

풍부한 디자인 요소

케이보드 지원

체계적인 학습 자료 제공

문의 및 지원

케이테마 시작하기

호스팅 선택 및 구입

테마 옵션 선택

전문팀 상담 및 설치 진행

사이트 제작 시작

도메인 관련 안내

통일된 디자인 시스템

지능형 색상 관리

주요 디자인 기능

색상 시스템

타이포그래피

버튼 스타일

섹션 레이아웃

박스 요소

이미지 효과

디자인 통일성의 장점

추가 문의