CSS döndürme () işlevi, bir öğeyi belirli sayıda derece deforme eder. Pozitif bir derece sayısı kullanarak bir öğeyi saat yönünde döndürebilirsiniz. Veya negatif bir sayı kullanarak bir öğeyi saat yönünün tersine döndürebilirsiniz.
Bugün CSS ile öğeleri nasıl döndüreceğimizi öğreneceğiz. Bir öğe neden döndürülür? Dönen öğeler, web sayfanızı daha etkileşimli hale getirir. Doğru kullanıldığında dönen bir öğe sitenizin estetiğine katkıda bulunur.
Bu makaleyi okurken lütfen tamamlayıcı depo , böylece kavramları çalışırken görebilirsiniz. Bir öğeyi nasıl döndüreceğinizi bilmek, CSS araç kutunuza harika bir katkı olacaktır.
CSS döndürme ()
CSS döndürme () işlevi, bir öğeyi 2B eksende döndürün. döndürme () işlevi bir argüman alır: web öğenizi döndürmek istediğiniz açı. Bir öğeyi saat yönünde veya saat yönünün tersine döndürebilirsiniz.
Döndür () işlevinin sözdizimine bakalım:
"Açı" değeri, elemanın döndürülmesi gereken derece sayısını temsil eder. Pozitif bir derece sayısı (örneğin 45) kullanarak saat yönünde bir dönüş belirtebilirsiniz. Veya negatif bir derece değeri kullanarak ters yönde döndürebilirsiniz (örneğin -39).
Döndür () işlevi herhangi bir HTML öğesine uygulanabilir. Örneğin, bir metin paragrafını döndürebilirsiniz. Veya bir resmi döndürebilirsiniz.
Sayfayı oluşturur oluşturmaz bir HTML döndürme görünür, bu nedenle görünür bir döndürme olmaz. Döndürmeyi çalışırken görmek için bir CSS geçişi kullanmanız gerekir. Geçişler, örneğin bir öğenin üzerine gelindiğinde olduğu gibi, bir eylem gerçekleştirildiğinde öğenin durumunu değiştirir.
" CSS dönüştürme işlevi , öğeleri dönüştürür. Buna uygulayabileceğimiz işlevlerden biri döndür (). transform özelliği birçok başka işlevi üstlenebilir ve dönüşümle yapabileceğimiz çok şey var. Döndür bunlardan sadece biridir.