CSS calc playground एक इंटरैक्टिव CSS calc जेनरेटर और टेस्टर है जो रियल‑टाइम में CSS calc() एक्सप्रेशन का मूल्यांकन करता है। यह CSS calc टेस्टर डेवलपर्स को गणनाओं के साथ प्रयोग करने और तुरंत परिणाम देखने की सुविधा देता है, जिससे विभिन्न यूनिट्स और ऑपरेशन्स के CSS में आपसी संबंध को समझना आसान हो जाता है। स्टाइलशीट्स में लागू करने से पहले CSS calc के कई ऑपरेशन्स और जटिल गणनाओं का परीक्षण करने के लिए यह परफ़ेक्ट टूल है।

फीचर्स

  • रियल‑टाइम CSS calc जेनरेटर साथ ही तुरंत मूल्यांकन
  • CSS calc टेस्टर सभी CSS यूनिट्स (px, em, rem, %, vh, vw, आदि) को सपोर्ट करता है
  • CSS calc कई ऑपरेशन्स (+, -, *, /) के लिए सपोर्ट

समर्थित ऑपरेशन्स

  • जोड़: calc(100px + 50px)150px
  • घटाव: calc(100% - 20px)calc(100% - 20px)
  • गुणा: calc(10px * 2)20px
  • भाजन: calc(100px / 2)50px
  • नेस्टेड एक्सप्रेशन: calc(calc(100px * 2) + 50px)250px
  • मिक्स्ड यूनिट्स: calc(50% + 25px)