カスタム スクロールバー ジェネレーター
スクロールバーの幅、サムとトラックの色、半径を選択します。標準プロパティと WebKit 擬似要素の両方をカバーする、生成されたルールをコピーします。
重要な事実
- カテゴリ
- デザインとカラー
- 価格
- 無料
- アカウント
- 不要
- 処理
- ブラウザで
- 入力
- ローカルファイルまたは貼り付けられたデータ
- プラットフォーム
- 最新のデスクトップおよびモバイルブラウザ
何をするのか
スクロールバーの幅、サムとトラックの色、半径を選択します。標準プロパティと WebKit 擬似要素の両方をカバーする、生成されたルールをコピーします。
WebKit および Firefox の CSS プロパティを使用してスクロールバーのスタイルを設定します。
使い方
カスタム スクロールバー ジェネレーター の使用方法の短いバージョンを次に示します。
- 幅と半径を設定します — 細いスクロールバーはサイドバーやコードペインに適しています。
- サムとトラックの色を選択する — 視認できる程度のコントラストを維持してください。
- CSSをコピーする — グローバルに使用したくない場合は、スコープをコンテナーに設定します。
重要な機能
カスタム スクロールバー ジェネレーター が得意とすること。
- デバイスからは何も残らない — 作業はブラウザのタブで行われます。このアプリにはアップロード エンドポイントがないため、ファイルやテキストを保存したり、ログに記録したり、当社が閲覧したりすることはできません。
- アップロードの待ち時間なし — サーバーへの往復を完全にスキップします。結果は、ネットワーク速度やキュー サイズではなく、ご使用の CPU によって制限されます。
- 無料、アカウントなし、割り当てなし — サインアップの壁、ウォーターマーク、1 日あたりの制限はありません。オプションのアカウントは、デバイス間でお気に入りとプリセットを保存するためにのみ存在します。
よくある質問
私の CSS はここで安全に使用できますか?
はい。このツールは、JavaScript を使用してブラウザ内で完全に実行されます。貼り付けたり開いたりした内容はサーバーに送信されず、ページを閉じた後もページのコピーは保持されません。
アカウントを作成する必要がありますか?
いいえ。すべてのツールはサインインしなくても完全に使用できます。アカウントは、保存されたお気に入りと再利用可能なプリセットを追加するだけです。
電話でも機能しますか?
はい。インターフェースはモバイルファーストで、大きなタッチターゲットと積み重ねられたレイアウトを備えているため、デスクトップだけでなく携帯電話やタブレットでも動作します。
これはFirefoxでも動作しますか?
Firefox は、含まれているスクロールバーの幅とスクロールバーの色を使用します。そこでは WebKit 擬似要素は無視されます。
スクロールバーを完全に非表示にする必要がありますか?
スクロール可能なコンテンツでは非表示にしないでください。キーボードやトラックパッドのナビゲーションが難しくなり、アクセシビリティが損なわれる可能性があります。
カスタム スクロールバー ジェネレーター を開く
今すぐお試しください。ブラウザで実行され、アカウントは必要ありません。
ツールを開く