CSS calc playground is een interactieve CSS calc-generator en tester voor het evalueren van CSS calc()-expressies in realtime. Deze CSS calc-tester stelt ontwikkelaars in staat om te experimenteren met berekeningen en directe resultaten te zien, waardoor ze beter begrijpen hoe verschillende eenheden en bewerkingen in CSS samenwerken. Perfect voor het testen van meerdere CSS calc-bewerkingen en complexe berekeningen voordat ze in uw stylesheets worden geïmplementeerd.

Functies

  • Realtime CSS calc-generator met directe evaluatie
  • CSS calc-tester die alle CSS-eenheden ondersteunt (px, em, rem, %, vh, vw, enz.)
  • Ondersteuning voor meerdere CSS calc-bewerkingen (+, -, *, /)

Ondersteunde bewerkingen

  • Optelling: calc(100px + 50px)150px
  • Aftrekking: calc(100% - 20px)calc(100% - 20px)
  • Vermenigvuldiging: calc(10px * 2)20px
  • Deling: calc(100px / 2)50px
  • Geneste expressies: calc(calc(100px * 2) + 50px)250px
  • Gemengde eenheden: calc(50% + 25px)