مكان تجريبي لتحويلات CSS جرب تحويلات CSS بما في ذلك الدوران والتكبير والانحناء والانتقال مع منظور ثلاثي الأبعاد.

القيمة الخاصة بتحويلات CSS تقبل واحدة أو أكثر من وظائف التحويل المطبقة بالترتيب (من اليمين إلى اليسار في سلسلة التحويل). translate(x, y) تنقل عنصرًا، rotate(angle) يديره، scale(x, y) يعيد تحجيمه، وskew(x, y) يشوهه. لتحويلات ثلاثية الأبعاد، rotateX() وrotateY() وrotateZ() تدير حول محاور معينة. خاصية المنظور على العنصر الأم أو دالة perspective() داخل التحويل تخلق عمقًا ثلاثي الأبعاد - القيم الصغيرة تخلق تأثيرات منظور أكثر درامية. تحدد نقطة تحويل-الأصل (افتراضيًا المركز) النقطة التي يتم تطبيق التحويلات حولها. تُنشئ التحويلات سياق تراكب جديد ولا تتأثر بتدفق التصميم - العناصر الأخرى لا يتم إزاحتها. لأداء أفضل، تستخدم تحويلات translate3d() أو will-change: transform معالجًا رسوميًا، مما يجعلها مثالية للرسوم المتحركة.