OffiDocs を使用した Chrome の CSS グリッド オーバーレイ
CSS グリッド オーバーレイ Chrome ウェブストア拡張機能
説明:
OffiDocs Chromium online を使用して Chrome オンライン ウェブ ストア拡張機能 CSS Grid Overlay を実行します。
複数のブレークポイントと通常のグリッド値 (余白、列、最大幅など) をサポートします。構成は、json オブジェクトとして簡単に保存し、チーム メンバー間で共有できます。
例 conf: [ { "columns": 4, "margins": 16, // 最初と最後の列の前後のピクセル // これらの余白はマージンのように機能します: // 列間の距離が 32px の場合、余白は 16 個です": 16, "from": 0, // ブレークポイントの開始 (ピクセル単位) // オプションの値 // "to": 599、ブレークポイントの終了 (ピクセル単位) // グリッドはこの maxWidth (ピクセル単位) の後に中央に配置されます // それ以外の場合は'全幅になります // "maxWidth": 1440, // グリッドを移動したい場合 // (e.
g.
左側のサイドバーのあるスタイル ガイドでは // グリッドを右に移動するには offsetLeft を使用します // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "columns": "rgba(234, 23, 140, .
3)", // "溝": "rgba(0, 231, 255, .
3)", // "マージン": "rgba(0, 191, 165, .
3)" // } } ]
追加情報:
- imagentleman.github.io 提供
- 平均評価 : 4.33 つ星 (気に入った)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。
OffiDocs Chromium オンラインと統合された CSS Grid Overlay Web 拡張機能