CSS Dersleri #41 - 3 Boyutlu Dönüşümler (3D Transforms)
HTML-код
- Опубликовано: 12 окт 2022
- 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()
#WebProgramlama derslerimizin devamı olan Başlangıçtan İleri Seviyeye #CSS Dersleri ile #HTML kodlarınızı daha şık bir hale dönüştürecek ve göz alıcı web siteleri oluşturabileceksiniz.
Kodlama Vakti Kanalına Hoşgeldiniz !
Abone Olmayı Unutmayın🔔
► Abone Ol : / @kodlamavakti
► Ders Linki : kodlamavakti.com/css/3-boyutl...
► CSS Dersleri : kodlamavakti.com/css/
► Sıfırdan İleri Seviyeye HTML Dersleri : • HTML Dersleri - Sıfırd...
► 2 Saatte CSS Öğrenin ! : • 2 Saatte CSS Öğrenin !...
www.kodlamavakti.com
Kodlama Vakti ekibi olarak , programlamanın herkes tarafından öğrenilebilir olduğunu takipçilerimize benimsetmek olup , kanalımızda ki eğitimler özenle hazırlanmaktadır ve tamamen ücretsizdir! Vakit Kodlama Vaktidir !
Eğitimlerimizin size yararlı olduğunu düşünüyor ve beğeniyorsanız videoyu beğenmeyi , kanalımıza abone olmayı unutmayın.
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);
}