RT
Все инструменты
На главную

CSS-эффекты и графика

CSS-эффекты

53 генераторов во вкладках: градиенты и фоны, тени и поверхности, формы и маски, типографика, анимация, раскладка.

Раскладка и прокрутка

Grid и флексбокс, готовые раскладки, полоса прокрутки, привязка прокрутки, пропорции картинок и контейнерные запросы — в одном инструменте с живым превью.

Колонки, строки, промежутки и области

Размеры дорожек

Колонки

11fr
21fr
31fr

Строки

1auto
2auto

Превью

1
2
3
4
5
6

CSS

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 16px;
}

Отдельная страница инструмента: /css-layout