Песочница CSS calc()
Тестируйте и экспериментируйте с CSS calc() выражениями в реальном времени. Предпросмотр результатов, готовые примеры. Бесплатно, 100% в браузере.
Примеры
Предпросмотр
Справка
О CSS calc()
CSS calc() позволяет выполнять математические вычисления в значениях CSS-свойств. Можно смешивать различные единицы, например проценты с пикселями.
Поддерживаемые единицы
px, rem, em, vh, vw, % — наиболее часто используемые. Их можно смешивать в одном выражении, напр. calc(100% - 2rem).
Примеры
calc(100% - 200px) — полная ширина минус фиксированный отступ. calc(50vh - 4rem) — половина высоты окна минус паддинг. calc(100vw / 3) — треть ширины экрана.
Конфиденциальность
Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.