क्या इसे सीएसएस कीफ्रेम एनिमेशन में किसी भी दशमलव मान का उपयोग करने की अनुमति है?

Question

मैं सोच रहा हूँ अगर यह इस तरह प्रतिशत मान का उपयोग करने के ठीक है:

@keyframes myAnimation { 
    0% { height: 100px; } 
    33.3% { height: 120px; } 
    66.6% { height: 140px; } 
    100% { height: 200px; } 
} 

यह काम करने के लिए लगता है, लेकिन यह मैं अगर ब्राउज़रों हो सकता है यह सिर्फ "दौर" यकीन नहीं है? और 33.3457% जैसे मूल्यों के बारे में क्या? बहुत बहुत धन्यवाद!

Answer 1

जब सीएसएस की बात आती है तो यह 2 दशमलव स्थानों तक प्रतिशत का ध्यान रखता है और फिर बंद हो जाता है। तो आप अपने keyframes

में उपयोग के लिए 33.34% प्राप्त नहीं कर पाएंगे, लेकिन 33.3457% प्राप्त करने में सक्षम होंगे। मुझे आशा है कि इससे मदद मिलती है।

Answer 2

हां, आप अधिक सटीक कीफ्रेम प्रतिशत परिभाषित करने के लिए आंशिक भाग का उपयोग कर सकते हैं। लेकिन इस तरह की परिशुद्धता not clearly specified है।

यह सीएसएस एनिमेशन का समर्थन करने वाले सभी ब्राउज़रों द्वारा समर्थित है। लेकिन बहुत अधिक दशमलव का उपयोग न करें, अजीब व्यवहार हो सकता है (विशेष रूप से 5 अंकों से ऊपर)।

मैं का उपयोग करें कि छोरों के साथ जटिल एनिमेशन के लिए:

@keyframes{ 
    0%, 30%, 40%, 50%, 60%{ 
     top: 0px; 
    } 
    29.99999%, 39.99999%, 49.99999%, 59.99999%{ 
     top: 100px; 
    } 
    100%{ 
     top: 200px; 
    } 
} 
/* 
- 0px to 100px (30%) 
- loop 3 times 0px to 100px (10% each, total 30%) 
- 0px to 200px (40%) 
*/ 

एस.ए.एस.एस. डिफ़ॉल्ट परिशुद्धता 3 अंक है और --precision (cmd विकल्प) या Sass::Script::Number.precision साथ बदला जा सकता