मैं एनीमेशन के लिए थोड़ा नया हूं, इसलिए मुझे माफ़ कर दो अगर मुझे यहां एक बड़ी अवधारणा याद आ रही है। मुझे एक तीर को एनिमेट करने की आवश्यकता है जो वक्र पर एक बिंदु पर इंगित कर रहा है, चलिए बस यह कहें कि यह इस पोस्ट के लिए एक क्यूबिक वक्र है। तीर वक्र की रेखा के साथ चलता है, हमेशा इसके नीचे कुछ पिक्सल इंगित करता है।क्या प्रत्येक कुंजीफ्रेम के बजाय संपूर्ण एनीमेशन पर लागू करने के लिए -webkit-animtion-timing-function का कोई तरीका है?
@-webkit-keyframes ftch {
0% {
opacity: 0;
left: -10px;
bottom: 12px;
}
25% {
opacity: 0.25;
left: 56.5px;
bottom: -7px;
}
50% {
opacity: 0.5;
left: 143px;
bottom: -20px;
}
75% {
opacity: 0.75;
left: 209.5px;
bottom: -24.5px;
}
100% {
opacity: 1;
left: 266px;
bottom: -26px;
}
}
हालांकि, जब मैं -webkit-एनीमेशन-समय-समारोह का उपयोग कर इस एनीमेशन चलाएँ:: आसानी
मैं तो क्या किया था, मैं वक्र के CSS3 का उपयोग कर रेखा के साथ सेटअप मुख्य-फ़्रेम है -इन, यह लागू होता है कि प्रत्येक व्यक्तिगत कीफ्रेम को आसान बनाता है, जो निश्चित रूप से मैं नहीं चाहता हूं। मैं पूरी एनीमेशन पर आवेदन करना आसान बनाना चाहता हूं।
क्या कोई अलग तरीका है कि मुझे यह करना चाहिए? क्या प्रत्येक कीफ्रेम की बजाय पूरे अनुक्रम में आसानी लाने के लिए कुछ संपत्ति है?
हाँ, मैंने इसे एक समाधान के रूप में माना लेकिन यह अत्यधिक जटिल लगता है, पथ के साथ प्रत्येक के प्लेसमेंट/समय को समझने का प्रयास करने में बहुत समय लग सकता है। हालांकि, यह सबसे अच्छा जवाब है। –