CSS offset-rotate özelliği
- Önceki sayfa offset-position
- Sonraki sayfa opacity
Tanım ve Kullanım
offset-rotate
Bu özellik, yola gören hareket eden animasyon elementlerinin dönüş açısını ayarlamak için kullanılır.
Örnek
Örnek 1
Yola gören hareket eden üç <img> elementinin dönüş açısını ayarlayın:
#fish1 { offset-rotate: auto; } #fish2 { offset-rotate: auto 90deg; } #fish3 { offset-rotate: 90deg; }
Örnek 2
Elementin dönüş açısını deg birimi yerine turn birimi ile belirtin:
div { offset-rotate: 0.25turn; }
CSS Dilbilgisi
offset-rotate: auto|angle|initial|inherit;
Özellik Değeri
Değer | Açıklama |
---|---|
auto | Element, hareket ettiği yönün yönüne doğru dönük durur. Varsayılan değer. |
angle | Elementi sabit açı ile döndürmek için açıyı belirtin. |
auto angle | auto ve angleDerece, varsayılan dönüşüm açısına eklenir, saat yönünde. |
reverse | Element, varsayılan dönüşümün tersine doğru döner. |
initial | Bu özelliği, varsayılan değerine ayarlar. bkz: initial. |
inherit | Bu özelliği, ebeveyn elementinden miras alır. bkz: inherit. |
Teknik Ayrıntılar
Varsayılan Değer: | auto |
---|---|
Mirasçılık: | Hayır |
Animasyon Yapımı: | Desteği var. bkz:Animasyon İle İlgili Özellikler. |
Sürüm: | CSS3 |
JavaScript Dilbilgisi: | object.style.offsetRotate="45deg" |
Tarayıcı Desteği
Tabloda gösterilen rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
56 | 79 | 72 | 16 | 43 |
İlgili sayfalar
Eğitim:SVG Yolu
Eğitim:CSS Animasyonu
Referans:CSS offset özelliği
Referans:CSS offset-anchor özelliği
Referans:CSS offset-distance özelliği
Referans:CSS offset-path özelliği
Referans:CSS offset-position özelliği
- Önceki sayfa offset-position
- Sonraki sayfa opacity