सीएसएस क्यूबिक बेजियर जेनरेटर
सीएसएस क्यूबिक बेजियर जेनरेटर सजिलो प्रकार्यहरू सिर्जना गर्नुहोस्
नियन्त्रण बिन्दु
Point P1 (x1, y1)
Point P2 (x2, y2)
लोकप्रिय सहजता प्रिसेटहरू
सीएसएस निर्गत
Preview
बेजियर वक्र दृश्यावलोकन
x1
y1
x2
y2
क्युबिक बेजियर डकुमेन्टेसन
क्यूबिक बेजियर वक्र के हो?
A cubic Bezier curve is defined by four points: P0, P1, P2, and P3. In CSS transitions, P0 and P3 are fixed at (0, 0) and (1, 1) respectively, representing the start and end of the transition. The curve is determined by the coordinates of the two control points, P1 and P2.
सीएसएस वाक्यविन्यास
transition-timing-function: cubic-bezier(x1, y1, x2, y2);
सामान्य प्रयोग का मामलाहरू
- एनिमेटेड संक्रमण:गुण परिवर्तन गर्ने तत्वहरूका लागि चिल्लो एनिमेसन सिर्जना गर्नुहोस् ।
- स्क्रोल प्रभाव:स्क्रोल एनिमेसनको गति नियन्त्रण गर्नुहोस् ।
- अन्तरक्रियात्मक तत्वहरू:तत्वहरू कसरी होभरिंग वा क्लिक गर्ने जस्ता प्रयोगकर्ता अन्तरक्रियाहरूमा प्रतिक्रिया दिन्छन् परिभाषित गर्नुहोस्।
- गति डिजाइन:यूआई तत्वहरूको लागि जटिल गति अनुक्रमहरू शिल्प गर्नुहोस्।
लोकप्रिय सहजिकरण कार्यहरू
Ease (default)
ढिलो सुरु हुन्छ, छिटो छिटो हुन्छ, र त्यसपछि फेरि ढिलो हुन्छ।
cubic-bezier(0.25, 0.1, 0.25, 1)
Linear
सुरुदेखि अन्त्यसम्म निरन्तर गति।
cubic-bezier(0, 0, 1, 1)
Ease-in
ढिलो सुरु हुन्छ, त्यसपछि गति बढ्छ।
cubic-bezier(0.42, 0, 1, 1)
Ease-out
छिटो सुरु हुन्छ, त्यसपछि घट्छ।
cubic-bezier(0, 0, 0.58, 1)
अनुकूल वक्रहरू सिर्जना गर्नका लागि सुझावहरू
- x मानहरू ० र १ को बीचमा राख्नुहोस्:यो दायरा बाहिरका मानहरूले अनपेक्षित व्यवहार निम्त्याउन सक्छ ।
- वक्र कल्पना गर्नुहोस्:परिवर्तनहरूले एनिमेसनलाई कसरी प्रभाव पार्छ भनेर बुझ्न अन्तरक्रियात्मक ग्राफ प्रयोग गर्नुहोस्।
- वास्तविक तत्वहरूसँग परीक्षण गर्नुहोस्:यो सही महसुस गर्न सुनिश्चित गर्न वास्तविक यूआई घटकहरूको साथ तपाईंको वक्रप्रावलोकन गर्नुहोस्।
- पूर्वसेट बचत गर्नुहोस्:भविष्यका परियोजनाहरूका लागि उपयोगी वक्रहरू बुकमार्क गर्नुहोस्।
Related Tools
सही फ्लेक्सबक्स सजावट सिर्जना गर्नुहोस्
हाम्रो सहज ड्रैग-एन्ड-ड्रप इन्टरफेसको साथ सीएसएस फ्लेक्सबक्स कोड कल्पना, अनुकूलन र उत्पन्न गर्नुहोस्।
स्टाइलस टू सीएसएस कनवर्टर
तपाईंको एससीएसएस कोडलाई सीएसएसमा रूपान्तरण गर्नुहोस्। छिटो, सजिलो र सुरक्षित।
एससीएसएस को सीएसएस कनवर्टर
तपाईंको एससीएसएस कोडलाई सीएसएसमा रूपान्तरण गर्नुहोस्। छिटो, सजिलो र सुरक्षित।
हेक्समा पाठ
पाठलाई सहजरूपमा हेक्साडेसिमल प्रतिनिधित्वमा रूपान्तरण गर्नुहोस्
दशमलव देखि अक्टलसम्म
दशमलव सङ्ख्यालाई सहजै अक्टलमा रूपान्तरण गर्नुहोस्
तापमान इकाई कनवर्टर
तपाईंको वैज्ञानिक र दैनिक आवश्यकताहरूको लागि परिशुद्धताको साथ तापमानको विभिन्न एकाइहरू बीच रूपान्तरण गर्नुहोस्