Description de l'outil

CSS calc playground est un outil interactif pour tester et évaluer les expressions CSS calc(). Il permet aux développeurs d'expérimenter avec les calculs CSS et de voir les résultats en temps réel, aidant à comprendre comment différentes unités et opérations interagissent en CSS.

Fonctionnalités

  • Évaluation en temps réel des expressions CSS calc()
  • Support de toutes les unités CSS (px, em, rem, %, vh, vw, etc.)
  • Opérations mathématiques (+, -, *, /)

Opérations prises en charge

  • Addition: calc(100px + 50px)150px
  • Soustraction: calc(100% - 20px)calc(100% - 20px)
  • Multiplication: calc(10px * 2)20px
  • Division: calc(100px / 2)50px
  • Expressions imbriquées: calc(calc(100px * 2) + 50px)250px
  • Unités mixtes: calc(50% + 25px)