CSS Transform With Multiple Value -

यहाँ एक सरल उदाहरण है:

  @ - वेबकिट-कीफ्रेम सर्कल {0% {- वेबकिट-रूपांतरण: अनुवाद (100px, 100px) घुमाएँ (0deg) अनुवाद (-100px, -100px) घुमाएँ (0deg); पृष्ठभूमि का रंग: लाल; } 100% {-webkit-transform: अनुवाद (100px, 100px) घुमाएँ (360deg) अनुवाद (-100px, -100px) घुमाने के लिए (-360deg); }}  

मुझे लगता है यह आसान है, लेकिन मुझे यह समझ में नहीं आता है कि क्यों इन कीफ्रेम इनर div के लिए एक सर्कल पथ बनाते हैं।

और मैं इस उदाहरण में रूपांतरण के वाक्यविन्यास के बारे में उलझन में हूं।

अनुवाद & amp; को घुमाने के लिए मूल्य एक पंक्ति में दो बार?

आशा है कि कोई मेरी मदद कर सकता है। धन्यवाद।