Hisia cha CSS offset-rotate

Mchezo wa hivi karibuni Offset-position
Mchezo wa hivi karibuni Opacity

Ufafanuzi na matumizi

offset-rotate Uhusiano huu unaonyesha jiko la kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.

Mfano

Mpangilio 1

Kufikiria jiko la kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.

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

Tafakari ya kufikia kwa uziwa kwa mawasiliano

Mpangilio 2

Kutumia uniti ya turn kuhakikisha ukweli wa jiko la kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.

div {
  offset-rotate: 0.25turn;
}

Tafakari ya kufikia kwa uziwa kwa mawasiliano

Inayoitwa Kifupi cha CSS:

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

Chaguo cha uhusiano

Chaguo	Maelezo
auto	Kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake, kwa ulewa wa kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.
angle	Kuwa kama jiko la kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.
auto angle	Kuwa kama auto na anglekwa ulewa wa kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake, kwa ukishambulia kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.
reverse	Kina kinachotumia jiko la kuzingatia cha chaguo cha kuzingatia kina cha kina chake.
initial	Kuwa kama chaguo cha kuzingatia cha kina hii. Tazama: initial.
inherit	Kuwa kama kina ya uhusiano huu kutoka kwa kina cha kina chake. Tazama: inherit.

Maelezo ya teknolojia

Chaguo cha kuzingatia:	auto
Kuwa kama:	Hakuna
Harakati ya mchezo:	Inahusiana. Tazama:Jicho la mchezo wa harakati.
Mwaka:	CSS3
Inayoitwa Kifupi cha JavaScript:	object.style.offsetRotate="45deg"

Uhusiano wa kusimamia kwa programu ya kusoma-internet

数字 katika tabia ni inaonyesha mengineu wa kusimamia kina cha sababu ya kiwango cha programu ya kusoma-internet ambapo uhusiano huu unaanishwa kwa kawaida.