घूर्णन के बाद स्केल को बदलें

Question

मुझे कोई समस्या है। मैं एक div 45 डिग्री घूर्णन कर रहा हूँ। मैं फिर इसे नए वाई अक्ष http://jsfiddle.net/P37g5/2/ पर स्केल करना चाहता हूं - वाई अक्ष नहीं जो अब 45 डिग्री पर है?

Answer 1

आप इस तरह अपने वस्तु लपेट कर सकते हैं:

सीएसएस

span { 
    margin: 50px 0 0 50px; 
    float: left; 
    width: 28px; 
    height: 28px; 
    background: rgba(240,240,240,1); 
    border-top: 1px solid black; 
    border-right: 1px solid black; 
    -moz-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
} 
div{ 
    -moz-transform:scale(1, 5); 
    -webkit-transform:scale(1, 5); 
} 

एचटीएमएल

<div> 
    <span></span> 
</div> 

(View on jsFiddle)

Answer 2

मैं यकीन नहीं मैं सवाल सही ढंग से समझ, लेकिन अगर आप परिवर्तनों का क्रम बदलने के लिए, अपने div नियमित y- अक्ष माप लिया जाता है:

div { 
    margin: 50px 0 0 50px; 
    float: left; 
    width: 28px; 
    height: 28px; 
    background: rgba(240,240,240,1); 
    border-top: 1px solid black; 
    border-right: 1px solid black; 
    -moz-transform: scale(1, 1.5) rotate(45deg); 
    -webkit-transform: scale(1, 1.5) rotate(45deg); 
} 

संपादित करें:From w3.org: अगर परिवर्तनों की एक सूची प्रदान की जाती है, तो शुद्ध प्रभाव ऐसा होता है जैसे प्रत्येक ट्रांसफॉर्म को दिए गए क्रम में अलग से निर्दिष्ट किया गया था।