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 प्रयोग
- पिछला पृष्ठ ऑफसेट-पोजीशन
- अगला पृष्ठ ऑप्पासिटी