CSS propriedade offset-rotate

Definição e uso

offset-rotate A propriedade é usada para definir o ângulo de rotação do elemento de animação que se move ao longo do caminho.

Defina o ângulo de rotação dos três elementos <img> que se movem ao longo do caminho:

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

Use a unidade turn em vez de deg para especificar o ângulo de rotação do elemento:

div {
  offset-rotate: 0.25turn;
}

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

Valor	Descrição
auto	O elemento está voltado para a direção em que se move ao longo do caminho. Valor padrão.
angle	Especificar o ângulo de rotação constante do elemento.
auto angle	Especificar ao mesmo tempo auto e angle，o ângulo será adicionado ao ângulo de rotação padrão, no sentido horário.
reverse	O elemento gira no sentido oposto ao padrão.
initial	Defina essa propriedade como seu valor padrão. Veja: initial.
inherit	Herda essa propriedade do elemento pai. Veja: inherit.

Valor padrão:	auto
Herança:	Não
Produção de animação:	Suportado. Veja:Atributos relacionados a animação.
Versão:	CSS3
Sintaxe do JavaScript:	object.style.offsetRotate="45deg"