2012-03-21 24 views
28

-webkit-transition के साथ छद्म तत्वों को एनिमेट नहीं कर सकता। नीचे दिया गया पहेली दिखाता है कि क्रोम/सफारी में चलने पर मेरा क्या मतलब है, मुझे लगता है कि यह अभी समर्थित नहीं है?सीएसएस संक्रमण के साथ: पहले और: छद्म तत्वों के बाद

http://jsfiddle.net/4rnsx/130/

उत्तर

17

3 जनवरी को गूगल क्रोम में फिक्स्ड, 2013

अब तक (मैं इस सूची को अपडेट करते हैं) उस में समर्थित है:

  • Firefox 4.0 और
  • क्रोम 26 और ऊपर
  • आईई 10 और ऊपर

इन अद्यतनों को खींचने के लिए एंड्रॉइड के लिए सफारी और क्रोम की प्रतीक्षा।

test it yourself in your browser आप कर सकते हैं, या

browser support table देखें।

+4

यह वास्तव में उत्पादन, केवल विकास पर तय नहीं है। इसका मतलब है कि अभी भी, आप क्रोम में ऐसा नहीं कर सकते हैं। – vsync

44

अच्छा, वास्तव में, आप कर सकते हैं।

आपको अक्सर भूल गए inherit मान को लाभ उठाने की आवश्यकता है। दुर्भाग्यवश हम कस्टम एनीमेशन के साथ छद्म-तत्वों को सीधे लक्षित नहीं कर सकते हैं, लेकिन हम निश्चित रूप से उन गुणों को विरासत में प्राप्त करके "पैरेंट" तत्व की एक ही एनीमेशन साझा कर सकते हैं जिन्हें हम एनिमेट करना चाहते हैं।

मेरी पहेली here देखें।

+9

यह इस प्रश्न का सबसे अधिक सराहनीय उत्तर है। – jmeas

+3

वाह, यह एक चाल है! धन्यवाद! – NikitOn

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