css3 امکان شکل دهی و تنظیم سه بعدی عناصر را فراهم می کند.

پشتیبانی مرورگر

اعداد داخل جدول نشان دهنده اولین نسخه از مرورگر است که می تواند بطور کامل از صفت مورد نظر پشتیبانی کند.
اعدادی که به همراه -webkit- ، -moz ، یا -o- هستند نشان دهنده اولین نسخه از مرورگر است که با prefix کار می کند.

ترنسفرم های سه بعدی css3

در این درس با متد های زیر آشنا خواهید شد :

()rotateX
()rotateY
()rotateZ

متد rotateX

متد rotateX عنصر را به دور محور X به مقدار درجه تنظیم شده ، می چرخاند.

مثال : 

#myDiv {
    -webkit-transform: rotateX(150deg); /* Safari */
    transform: rotateX(150deg);
}

متد rotateY

متد rotateY عنصر را به دور محور Y به مقدار درجه تنظیم شده ، می چرخاند.

مثال : 

#myDiv {
    -webkit-transform: rotateY(130deg); /* Safari */
    transform: rotateY(130deg);
}

متد rotateZ

متد rotateZ عنصر را به دور محور Z به مقدار درجه تنظیم شده ، می چرخاند.

مثال : 

#myDiv {
    -webkit-transform: rotateZ(90deg); /* Safari */
    transform: rotateZ(90deg);
}

در جدول زیر تمام صفات ترنسفرم های سه بعدی، لیست شده است : 

متد های ترنسفرم سه بعدی در css3