무료 CSS 버튼 생성기

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

버튼 미리보기

생성된 CSS

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Button 속성

인기 있는 프리셋

Related Tools

완벽한 Flexbox 레이아웃 만들기

직관적인 드래그 앤 드롭 인터페이스를 사용하여 CSS flexbox 코드를 시각화, 사용자 정의 및 생성할 수 있습니다.

스타일러스를 CSS로 변환

SCSS 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.

CSS3 전환 생성기

부드러운 불투명도 전환

볼륨 단위 변환기

요리, 엔지니어링 및 과학적 요구 사항에 맞게 정밀하게 다양한 부피 단위 간에 변환합니다

MD2 해시 생성기

이 온라인 도구를 사용하여 MD2 해시를 빠르고 쉽게 생성하십시오. 안전하고 신뢰할 수 있으며 즉각적인 결과를 제공합니다.

EnergyUnit 변환

서로 다른 에너지 단위 사이를 정확하고 쉽게 변환