एनिमेशन इजिंग कर्व दर्शक
एक कर्व चुनें और देखें कि वह किसी वस्तु को कैसे तेज़ और धीमा करता है। एनिमेशन की कोड लाइन कॉपी करें, जो बिना लाइब्रेरी के किसी भी पेज पर तैयार इस्तेमाल होती है।
कर्व
दिशातेज़ शुरू होकर अंत में धीमा होता है।
समय के 25%, 50% और 75% पर वस्तु कहाँ है
document.querySelector(".caja").animate({ transform: ["none", "translateX(300px)"] }, { duration: 800, easing: "linear(0, 0.143, 0.271, 0.386, 0.488, 0.578, 0.657, 0.725, 0.784, 0.834, 0.875, 0.909, 0.936, 0.957, 0.973, 0.984, 0.992, 0.997, 0.999, 1, 1)", fill: "forwards" })उपयोग के सुझाव
बैनर में आने वाली चीज़ के लिए«धीमा अंत» चुनें: वह तेज़ी से पहुँचती है और धीरे से ठहरती है।
बैनर से बाहर जाने वाली चीज़ के लिए«धीमी शुरुआत» चुनें: वह धीरे शुरू होकर तेज़ी से निकलती है।
संयम सेबाउंस और इलास्टिक कर्व ध्यान खींचते हैं: हर बैनर में सिर्फ़ एक तत्व पर इस्तेमाल करें।
टूल के बारे में सवाल
क्या टूल मुफ़्त हैं?
हाँ। आप इन्हें जितनी बार चाहें, बिना पैसे दिए इस्तेमाल कर सकते हैं।
मुझे कौन सी फ़ाइल चाहिए?
जाँच वाले टूल एक .zip माँगते हैं जिसमें HTML5 बैनर हो: एक मुख्य .html फ़ाइल और उसके संसाधन। बाकी टूल कोई फ़ाइल नहीं माँगते।
क्या यह किसी दूसरे टूल से बने बैनर पर काम करता है?
हाँ। यह कोई भी HTML5 बैनर जाँचता है, सिर्फ़ BannerMotion वाले नहीं।
क्या मेरी फ़ाइल कहीं सेव होती है?
जाँच आपके ब्राउज़र में होती है। एक अपवाद: अगर आपका बैनर बाहरी संसाधन माँगता है (जैसे कोई फ़ॉन्ट), तो पूर्वावलोकन देखते समय आपका ब्राउज़र उन साइटों से वे संसाधन लेगा।
क्या मुझे खाता चाहिए?
नहीं। कोई भी टूल खाता नहीं माँगता। साइज़ गाइड में ईमेल वैकल्पिक है।
दूसरे टूल
बिना कोड लिखे अपने बैनर एनिमेट करें।
आप इरादा तय करें, और प्लेटफ़ॉर्म लय और संरचना संभाले। चैट से जो चाहें बदलें।