2012-07-13 19 views
18

जैसे Compass के साथ एक से अधिक सीएसएस संक्रमण कैसे कर सकता है?कम्पास एकाधिक सीएसएस संक्रमण

जो मैं करने की कोशिश कर रहा हूं वह मूल रूप से कम्पास के साथ इस कोड को लिखना है।

-webkit-transition: top 0.3s ease-out, background .9s .5s ease-out; 
    -moz-transition: top 0.3s ease-out, background .9s .5s ease-out; 
    -o-transition: top 0.3s ease-out, background .9s .5s ease-out; 
     transition: top 0.3s ease-out, background .9s .5s ease-out; 

उत्तर

48

क्या आप यह देख रहे हैं? http://compass-style.org/reference/compass/css3/transition/#mixin-transition

@include transition(top 0.3s ease-out, background .9s .5s ease-out);

+3

क्या यह अभी भी आपके लिए काम करता है? मैं इसके साथ भी आया, लेकिन मुझे जो मिल रहा है वह है 'संक्रमण: शीर्ष 0.3s आसानी से पृष्ठभूमि .9s .5s आसानी से बाहर; '। यह कॉमा बाहर छोड़ देता है! क्या यह कोई ज्ञात त्रुटि है? ['कंपास 0.13.alpha.12'] का उपयोग कर रहा हूं] – MMachinegun

+0

@marczking सुनिश्चित नहीं है कि https://github.com/Igosuki/compass-mixins/issues/34 संबंधित है या नहीं। यदि मैं सूचियों में पास करता हूं तो यह मेरे लिए काम करता है: '@ समावेशन संक्रमण ((शीर्ष 0.3s आसानी से बाहर), (पृष्ठभूमि 0.9s आसानी से बाहर)); – chemoish

-3

आप एक mixin उपयोग कर रहे हैं तो आपके पास अंतरण परिभाषित करने के लिए और आप इस त्रुटि मिलती है:

error: mixin transition only takes 1 arguments; given 2

तरह कोष्ठक के बीच अपने मूल्यों संलग्न प्रयास करें:

@include transition((bottom .5s, background 2s)); 
+0

प्रश्न कम्पास के लिए विशिष्ट है, जो एक संक्रमण मिश्रण प्रदान करता है जो इस त्रुटि को उत्पन्न नहीं करेगा। – cimmanon

-1

से प्रलेखन:
http://compass-style.org/reference/compass/css3/transition/#mixin-transition

यह पिछले कुछ वर्षों में परिवर्तित हो सकता है, लेकिन यह अब इस तरह है:

single-transition($property, $duration, $function, $delay) 

सूचना $ देरी सही जवाब में के रूप में नहीं, पिछले है, जहां यह पहले पिछले है।

संबंधित मुद्दे