Verktøy beskrivelse

CSS calc playground er et interaktivt verktøy for testing og evaluering av CSS calc()-uttrykk. Det lar utviklere eksperimentere med CSS-beregninger og se resultatene i sanntid, noe som bidrar til å forstå hvordan forskjellige enheter og operasjoner samhandler i CSS.

Funksjoner

  • sanntidsevaluering av CSS calc()-uttrykk
  • Støtte for alle CSS-enheter (px, em, rem, %, vh, vw, osv.)
  • Matematiske operasjoner (+, -, *, /)

Støttede operasjoner

  • Addisjon: calc(100px + 50px) → 150px
  • Subtraksjon: calc(100% - 20px) → calc(100% - 20px)
  • Multiplikasjon: calc(10px * 2) → 20px
  • Divisjon: calc(100px / 2) → 50px
  • Nestede uttrykk: calc(calc(100px * 2) + 50px) → 250px
  • Blandede enheter: calc(50% + 25px)