css - Why do CSS3 animations behave strangely when used in conjunction with CSS3 transitions? -
मेरा क्या मतलब है या इस कोड को देखने का एक उदाहरण देखें
& lt; a href = "/" & gt; परीक्षण & lt; / a & gt; एक {पृष्ठभूमि-रंग: # सीसीसी; संक्रमण: सभी 1s आसानी; -मोझ-संक्रमण: सभी 1s आसानी; -ओ-संक्रमण: सभी 1s आसानी; -वेबकिट-संक्रमण: सभी 1s आसानी; } A: हॉवर {पृष्ठभूमि-रंग: # 888; } एक {-मोझ-एनिमेशन-अवधि: 3 एस; -मोझ-एनिमेशन-नाम: चाल; -मोज़-एनीमेशन-पुनरावृत्ति-गणना: अनंत; -मोज़-एनिमेशन-दिशा: वैकल्पिक; } @ -moz-keyframes {{मार्जिन-बाएं से: 0px; } से {मार्जिन-बाएं: 50px; }} एनीमेशन कभी-कभी कूदता है या गति को बदलती है, खासकर जब आप इसे पर हॉवर करते हैं ... मैंने एनीमेशन को अपने दम पर चलने की कोशिश की है (संक्रमण परिभाषित किए बिना) और यह आसानी से चलता है और उम्मीद के अनुसार मैंने अपने दम पर संक्रमण चलाया है और उम्मीद के मुताबिक यह काम करता है। संयोजन इस समस्या का कारण बनता है।
क्या फ़ायरफ़ॉक्स कार्यान्वयन बग हो सकता है? मैं फ़ायरफ़ॉक्स 6.0.1, उबंटू 11.04 चला रहा हूं।
आपको 'सभी' को ' पृष्ठभूमि'। तो यह ठीक काम करता है मुझे लगता है कि जब आप मंडराना करेंगे तो यह सभी शैलियों का संक्रमण करेगा, इसलिए वर्तमान-मार्जिन-बाएँ से नए मार्जिन-बाएं, जो एक समान है, इसलिए अंतरण संक्रमण की अवधि के लिए नहीं बदलता है। इसके बाद एनीमेशन फिर से वरीयता लेती है और आप कूद देखते हैं।
Comments
Post a Comment