Накладення сітки CSS у Chrome із OffiDocs
CSS Grid Overlay Розширення веб-магазину Chrome
ОПИС:
Запустіть розширення Інтернет-магазину Chrome CSS Grid Overlay за допомогою OffiDocs Chromium онлайн.
Підтримує кілька контрольних точок і звичайні значення сітки (жолоби, стовпці, максимальна ширина тощо).Конфігурації можна легко зберегти та поділитися між членами команди як об’єкти JSON.
Приклад conf: [ { "columns": 4, "margins": 16, // px перед і після першого й останнього стовпців // ці жолоби працюють як поля: // якщо відстань між стовпцями 32 пікселів, жолоби мають 16 "жолобів ": 16, "від": 0, // початок точки розриву в пікселях // Необов'язкові значення // "до": 599, кінець точки розриву в пікселях // сітка буде відцентрована після цієї максимальної ширини в пікселях // інакше вона" матиме повну ширину // "maxWidth": 1440, // якщо ви хочете перемістити сітку // (напр.
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.
Веб-розширення CSS Grid Overlay, інтегроване з OffiDocs Chromium онлайн