Atribut offset-rotate CSS

Definisi dan penggunaan

offset-rotate Atribut ini digunakan untuk mengatur sudut putar elemen animasi yang bergerak sepanjang jalur.

Contoh

Contoh 1

Atur sudut putar tiga elemen <img> yang bergerak sepanjang jalur:

#fish1 {
  offset-rotate: auto;
}
#fish2 {
  offset-rotate: auto 90deg;
}
#fish3 {
  offset-rotate: 90deg;
}

Coba sendiri

Contoh 2

Gunakan unit turn untuk menentukan sudut putar elemen daripada deg:

div {
  offset-rotate: 0.25turn;
}

Coba sendiri

Syntaks CSS

offset-rotate: auto|angle|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto Elemen menghadap ke arah bergeraknya sepanjang jalur. Nilai default.
angle Tentukan sudut putar elemen untuk berputar dengan sudut yang konstan.
auto angle Tentukan secara bersamaan auto dan angle，sudah ditambahkan ke sudut putar default, mengikuti arah jam.
reverse Elemen berputar ke arah yang berlawanan dengan putar default.
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil Teknik

Nilai Default: auto
Inheritance: Tidak
Pembuatan animasi: Dukungan. Lihat:Atribut animasi.
Versi: CSS3
语法 JavaScript: object.style.offsetRotate="45deg"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
56 79 72 16 43

Halaman yang berhubungan

Panduan：Jalur SVG

Panduan：Animasikan CSS

Referensi：Atribut offset CSS

Referensi：Atribut offset-anchor CSS

Referensi：Atribut offset-distance CSS

Referensi：Atribut offset-path CSS

Referensi：Atribut offset-position CSS