CSS offset-rotate özelliği

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

Kişisel Deneyim

Örnek 2

Elementin dönüş açısını deg birimi yerine turn birimi ile belirtin:

div {
  offset-rotate: 0.25turn;
}

Kişisel Deneyim

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