offset-rotate

Yo‘l bo‘ylab harakatlanayotgan uchta <img> elementining aylanishini o‘rnating:

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

Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.

Ta’rif va qo‘llanilishi

offset-rotate xususiyati yo‘l bo‘ylab harakatlanayotgan animatsiyali elementning aylanishini o‘rnatadi.

Standart qiymat:	auto
Meros qilinadi:	yo‘q
Animatsiya qilinadi:	ha. animatable haqida o‘qing Sinab ko‘ring
Versiya:	CSS3
JavaScript sintaksisi:	object.style.offsetRotate="45deg" Sinab ko‘ring

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
offset-rotate	56	79	72	16	43

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

Qiymat	Tavsif
auto	Element yo‘l bo‘ylab qaysi yo‘nalishda harakatlanayotgan bo‘lsa, o‘sha tomonga qarab turadi. Bu standart qiymat.
<angle>	Elementni qanday doimiy burchakka aylantirishni belgilaydi.
auto <angle>	auto va <angle> ikkalasi berilganda burchak standart aylanishga soat mili yo‘nalishida qo‘shiladi.
reverse	Element standart aylanishga teskari yo‘nalishda aylantiriladi.
initial	Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit	Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

Element aylanishini 'deg' o‘rniga 'turn' birligi bilan belgilang:

div { offset-rotate: 0.25turn; }

SVG darsligi: SVG path

CSS ma’lumotnomasi: CSS offset xususiyati

Yutuqlaringizni kuzating – bu bepul!