css-transforms पर टैग किए गए जवाब

CSS का उपयोग करते हुए, मैं एक से अधिक कैसे आवेदन कर सकता हूं transform? उदाहरण: निम्नलिखित में, केवल अनुवाद लागू होता है, रोटेशन नहीं। li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

602 css  css-transforms 

मेरे पास एक ऐसी स्थिति है, जहां सामान्य सीएसएस परिस्थितियों में, एक निश्चित div को उसी स्थान पर स्थित किया जाएगा जहां यह निर्दिष्ट किया गया है ( top:0px, left:0px)। यदि मेरे पास एक ऐसा माता-पिता है, जिसका ट्रांसलेशन 3 डी ट्रांसफ़ॉर्म है, तो यह सम्मानित नहीं लगता है। क्या …

140 html  css  css-position  css-transforms 

मान लें कि मेरे पास कुछ कॉलम हैं, जिनमें से कुछ मैं मानों को घुमाना चाहूंगा: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> इस सीएसएस के साथ: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } यह …

119 css  css-transforms 

मुझे कुछ समस्याएं घूम रही हैं और पाठ की एक पंक्ति पोज़िशन कर रही है। अब यह केवल स्थिति है जो काम करती है। रोटेशन भी काम करता है, लेकिन केवल अगर मैं स्थिति को अक्षम करता हूं। सीएसएस: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } Html …

86 css  webkit  transform  css-transforms 

मैं सीएसएस परिवर्तित राज्यों (मूल रूप से एक तत्व के पैमाने पर संक्रमण) के बीच संक्रमण के लिए सीएसएस संक्रमण का उपयोग कर रहा हूं। मुझे लगता है कि जब तत्व संक्रमण कर रहा है, तो पृष्ठ के शेष पाठ (वेबकिट में) संक्रमण होने तक इसके प्रतिपादन को थोड़ा बदल …

81 css  webkit  css-transitions  css-transforms 

rotateX(50deg) rotateY(20deg) rotateZ(15deg)शॉर्टहैंड में कैसे संयोजित करें rotate3d()?

79 css  css-transforms 

मैं CSS के साथ एक रोलर कोस्टर स्टाइल एनीमेशन बनाने की कोशिश कर रहा हूं। मैं जानना चाहता हूं कि जब लूप चरण में होता है तो "कोस्टर" को कैसे वक्र किया जाता है। मैं एक सभी सीएसएस समाधान के लिए खोज रहा हूँ, लेकिन अगर वहाँ जावास्क्रिप्ट की जरूरत …

15 html  css  css-animations  css-transforms