無料の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); }

ボタンのプロパティ

人気のプリセット

Related Tools

CSS3変換を簡単に生成

コードを書かずに複雑なCSS3変換を作成するための強力で直感的なツール。変更をリアルタイムで視覚化し、生成された CSS をコピーしてプロジェクトで使用します。

完璧なフレックスボックスレイアウトを作成

CSS フレックスボックス コードを視覚化、カスタマイズ、生成するには、直感的なドラッグ アンド ドロップ インターフェイスを使用します。

スタイラスからCSSへのコンバーター

SCSS コードを CSS に変換します。高速、簡単、安全。

速度単位コンバータ

さまざまな速度単位を、エンジニアリング、科学、および日常のニーズに合わせて正確に変換します

テキストから改行を削除する

使いやすいツールで複数行のテキストを1つの連続した行に変換します。

MD4ハッシュジェネレータ

MD4ハッシュを迅速かつ簡単に生成