☆ केंद्र के चारों ओर स्पिन कैसे करें?

Question

मैं इस स्टार को अपने केंद्र के चारों ओर घूमने की कोशिश कर रहा हूं। अभी के लिए यह किसी अन्य बिंदु के आसपास spins।

http://dharman.eu/test/test3.php

#question { 
    animation: 1s linear 0s normal none infinite spin; 
    display: block; 
    width: 0; 
} 

@-moz-keyframes spin { 
    from {-moz-transform: rotate(00deg); } 
    to {-moz-transform: rotate(360deg);} 
} 

मैं यह इतना तारा अपने केंद्र के चारों ओर घूमती है कैसे तय कर सकते हैं?

Answer 1

डिफ़ॉल्ट transform-origin50% 50% है जो आप चाहते हैं।

लेकिन आप चौड़ाई को 0 पर सेट करते हैं, और इसलिए क्षैतिज दिशा में 0 के आसपास घूमता है।

आपको अपना तत्व सामग्री के जितना बड़ा होना चाहिए और इसके अंदर केंद्रित सामग्री भी बनाना होगा।

आपके उदाहरण में केवल तत्व को inline-block पर सेट करना और width:0 को हटाने से लगभग ठीक हो जाएगा।