CSS offset-rotate प्रयोग

वर्णन और उपयोग

offset-rotate गुण रास्ते पर घूमते हुए एनिमेशन एलिमेंट के घूमाने के कोण को सेट करने के लिए प्रयोग किया जाता है।

उदाहरण

उदाहरण 1

तीन <img> एलिमेंट को रास्ते पर घूमते हुए घूमाने के कोण को सेट करें:

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

स्वयं अभिप्राय करें

उदाहरण 2

टर्न इकाई का उपयोग करके एलिमेंट के घूमाने के कोण को deg के बजाय निर्दिष्ट करें:

div {
  offset-rotate: 0.25turn;
}

स्वयं अभिप्राय करें

CSS व्याकरण

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

गुण मूल्य

मूल्य वर्णन
auto एलिमेंट अपने रास्ते पर चलने की दिशा की ओर उन्मुख होता है।डिफ़ॉल्ट वैल्यू।
angle एलिमेंट को निरंतर कोण के साथ घूमाने के लिए निर्दिष्ट करें।
auto angle auto और angle، कोण डिफ़ॉल्ट रोटेशन को जोड़ दिया जाता है, घड़ी के दायरे में।
reverse एलिमेंट डिफ़ॉल्ट रोटेशन के विपरीत दिशा में घूमता है।
initial इस गुण को उसके डिफ़ॉल्ट वैल्यू पर सेट करें।देखें initial
inherit अपने पितृ एलिमेंट से इस गुण को विरासत करें।देखें inherit

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: auto
विरासत: नहीं
एनिमेशन निर्माण: समर्थन।देखें:एनिमेशन संबंधी गुण
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.offsetRotate="45deg"

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
56 79 72 16 43

संबंधित पृष्ठ

शिक्षा:SVG पथ

शिक्षा:CSS एनिमेशन

संदर्भ:CSS offset प्रयोग

संदर्भ:CSS offset-anchor प्रयोग

संदर्भ:CSS offset-distance प्रयोग

संदर्भ:CSS offset-path प्रयोग

संदर्भ:CSS offset-position प्रयोग