CSS Dersleri 41 - 3 Boyutlu Dönüşümler (3D Transforms)


Merhaba değerli Kodlama Vakti takipçileri, bu dersimizde CSS'de 3 Boyutlu Dönüşümler ve Transform Kullanımı Konusunu öğreneceğiz.

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);
}

 

Bu içeriği beğendiyseniz paylaşarak destek olabilirsiniz!


Eğitim İçeriği

Eğitim CSS Dersleri
Kategori Web Programlama
Ders Adeti 52 Ders
Dil Türkçe
Güncelleme 10/2021
  • HTML Dersleri

    HTML Dersleri Sıfırdan İleri Seviyeye

    Kategori Web Programlama
    Ders Süresi 19 Ders
    Dil Türkçe
    Güncelleme 12/2020
    Derse Başla
  • Java Dersleri

    Java Dersleri ve Nesne Yönelimli Programlama

    Kategori Programlama Dili
    Ders Süresi 125 Ders
    Dil Türkçe
    Güncelleme 09/2020
    Derse Başla
  • CSS Dersleri

    CSS Dersleri Başlangıçtan İleri Seviyeye

    Kategori Web Programlama
    Ders Süresi 49 Ders
    Dil Türkçe
    Güncelleme 10/2021
    Derse Başla
  • Java Örnek Projeler

    Java Örnek Projeler

    Kategori Programlama Dili
    Ders Süresi 20 Ders
    Dil Türkçe
    Güncelleme 10/2022
    Derse Başla
  • C# Dersleri

    C# Dersleri ve Nesne Yönelimli Programlama

    Kategori Programlama Dili
    Ders Süresi 100 Ders
    Dil Türkçe
    Güncelleme 04/2024
    Derse Başla