HeronTool
日本語▾
ログイン
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
ホーム › デザイン素材 ›

Create a custom scrollbar style with adjustable width, colors and border radius.

design

使い方

  1. Set the scrollbar width
  2. Choose thumb and track colors
  3. Adjust border radius
  4. Copy the generated CSS

使用例

Create a custom scrollbar style with adjustable width, colors and border radius

アップロードは一切ありません — すべてブラウザ内でローカル処理されます。

コメント / 報告 / 注釈

先にログインしてください — ログイン

先にログインしてください — ログイン

先にログインしてください — ログイン

関連ツール
グラデーション生成 線形／放射 CSS グラデーションをライブプレビュー付きで生成します。 グラデーション フォントプレビュー テキストを入力し、フォントファミリーを切り替えてライブプレビューします。 フォント アイコン検索 Tabler アイコンを検索し、SVG をワンクリックでコピーします。 アイコン カラーパレット生成 ベースカラーから調和の取れたパレット（類似／補色）を作成します。 パレット モックアップ生成 URL やスクリーンショットをデバイスモックアップ枠にドロップしてプレビューします。 モックアップ コントラストチェック 背景に対する文字の WCAG コントラストをチェックします。 コントラスト box-shadow生成 CSS box-shadow をビジュアルに作成します。 影 text-shadow生成 CSS text-shadow を作成します。 影