CSS transform özelliği ile aşağıdaki 3B dönüştürme metotlarını kullanabilirsiniz:

  • rotateX()
  • rotateY()
  • rotateZ()

CSS rotateX() kullanımı

CSS'de rotateX() metodu, bir etiketi belirli bir derecede X ekseni etrafında döndürmemize olanak sağlar.

#box{
transform: rotateX(150deg);
}

CSS rotateY() kullanımı

CSS'de rotateY() metodu, bir etiketi belirli bir derecede Y ekseni etrafında döndürmemize olanak sağlar.

#box{
transform: rotateY(150deg);
}

CSS rotateZ() kullanımı

CSS'de rotateZ() metodu, bir etiketi belirli bir derecede Z ekseni etrafında döndürmemize olanak sağlar.

 
 
 
 
#box{
transform: rotateZ(90deg);
}