लीनियर() ईज़िंग फ़ंक्शन की मदद से, सीएसएस में जटिल ऐनिमेशन कर्व बनाएं

पेश है linear(). यह सीएसएस में मौजूद एक ईज़िंग फ़ंक्शन है. यह अपने पॉइंट के बीच लीनियर तरीके से इंटरपोलेट करता है. इससे आपको बाउंस और स्प्रिंग इफ़ेक्ट फिर से बनाने में मदद मिलती है.

सीएसएस में ईज़िंग

सीएसएस में एलिमेंट को ऐनिमेट या ट्रांज़िशन करते समय, animation-timing-function और transition-timing-function प्रॉपर्टी का इस्तेमाल करके, ईज़िंग फ़ंक्शन की मदद से वैल्यू बदलने की दर को कंट्रोल किया जा सकता है.

सीएसएस में कई कीवर्ड प्रीसेट के तौर पर उपलब्ध हैं. जैसे, linear, ease, ease-in, ease-out, और ease-in-out. अपनी खुद की ईज़िंग कर्व बनाने के लिए, cubic-bezier() फ़ंक्शन का इस्तेमाल करें. इसके अलावा, steps() ईज़िंग फ़ंक्शन का इस्तेमाल करके, स्टेप-बाय-स्टेप तरीके से भी ईज़िंग कर्व बनाए जा सकते हैं.

सही तरीके से इस्तेमाल करने पर, ईज़िंग से ऐनिमेशन वाले एलिमेंट को वज़न का एहसास मिलता है, क्योंकि यह तेज़ी से आगे बढ़ता है.

सीएसएस में, बाउंस या स्प्रिंग इफ़ेक्ट जैसे जटिल कर्व नहीं बनाए जा सकते. हालांकि, linear() की मदद से अब इन्हें काफ़ी हद तक बनाया जा सकता है.

linear() के बारे में जानकारी