रूप बदल देती है
एक पूर्ण आयत की तरह दिखने वाली हर चीज से थक गए ट्रांसफॉर्म एक्सटेंशन आपको किसी भी एलिमेंटर विजेट या तत्वों को मोड़ने, झुकाव और फिर से आकार देने की शक्ति देता है प्रशंसापत्र कार्ड में एक सूक्ष्म तिरछा जोड़ें, नाटकीय प्रभाव के लिए एक शीर्षक घुमाएं, या सटीक के साथ होवर पर एक छवि को स्केल करें सभी सरल दृश्य नियंत्रण के साथ यह तेज, गतिशील और वास्तव में अद्वितीय लेआउट बनाने के लिए गुप्त उपकरण है जो मानक टेम्पलेट लुक से बाहर निकलते हैं बुनियादी स्थिति से परे और अपने तत्वों को एक नया आयाम देते हैं।

एक्स एंड वाई अक्षों पर तिरछा और घुमाएँ
अपने तत्वों को दुबला, झुकाव, या परिप्रेक्ष्य में प्रकट करें स्वतंत्र रूप से तिरछा एक्स और तिरछा वाई मूल्यों को नियंत्रित करें समांतर चतुर्भुज आकार या गतिशील तिरछा बनाने के लिए इसे २ डी या ३ डी अंतरिक्ष में अपने तत्व को स्पिन करने के लिए घुमाएं, ठेठ वेब डिजाइन के कठोर क्षैतिज संरेखण को तोड़ना।
- गतिशील तिरछा: एक कंटेनर को आगे या पीछे की ओर झुका हुआ दिखाने के लिए एक तिरछा एक्स लगाएं।
- सटीक रोटेशन: रचनात्मक लेआउट और ओवरलैपिंग डिज़ाइन के लिए तत्वों को सटीक डिग्री से घुमाएं।
- प्रभावों को मिलाएं: एक बटन को तिरछा करें और फिर इसे एक चंचल, ऑफ-किल्टर कॉल-टू-एक्शन के लिए थोड़ा घुमाएं।
होवर पर बढ़ें, सिकोड़ें और गहराई जोड़ें
इंटरैक्टिव क्षण बनाएं जो आपके आगंतुकों का जवाब दें होवर पर एक आइकन या छवि को बड़ा करने के लिए स्केल संपत्ति का उपयोग करें, आंख को आकर्षित करना ३ डी अंतरिक्ष में बाल तत्वों को घुमाने के लिए एक माता-पिता कंटेनर में परिप्रेक्ष्य जोड़ें, गहराई और विसर्जन की भावना पैदा करें जो फ्लैट डिजाइन मेल नहीं खा सकते हैं।
- होवर-आधारित स्केलिंग: बटन या कार्ड पर एक सहज, आकर्षक विकास प्रभाव के लिए होवर स्थिति को स्केल: 1.1 पर सेट करें।
- ३ डी-जैसी गहराई: कई घुमाए गए तत्वों को एकीकृत ३ डी दृश्य के हिस्से की तरह महसूस करने के लिए परिप्रेक्ष्य सेटिंग का उपयोग करें।
- उत्पत्ति को नियंत्रित करें: इसके केंद्र, शीर्ष या कोने से एक तत्व स्केल बनाने के लिए ट्रांसफॉर्म उत्पत्ति को बदलें।







परिवर्तनों के लिए अक्सर पूछे जाने वाले प्रश्न
क्या मेरे पाठ को तिरछा करने या घुमाने से पढ़ना कठिन हो जाएगा?
यह कर सकता है, यदि आप ओवरबोर्ड जाते हैं कुंजी सूक्ष्मता है एक मामूली २-५ डिग्री रोटेशन या तिरछा पठनीयता को चोट पहुंचाए बिना विशाल दृश्य रुचि जोड़ सकता है हमेशा विभिन्न उपकरणों पर पूर्वावलोकन और परीक्षण महत्वपूर्ण शरीर पाठ के लिए, परिवर्तनों को न्यूनतम रखना या उन्हें केवल सजावटी तत्वों पर लागू करना सबसे अच्छा है।
क्या मैं इसका उपयोग ३ डी फ्लिप कार्ड बनाने के लिए कर सकता हूं?
आप बहुत करीब आ सकते हैं! मूल कंटेनर पर परिप्रेक्ष्य के साथ रोटेट वाई (फ्लिप के लिए) को जोड़कर, आप एक कार्ड बना सकते हैं जो फ्लिप करने के लिए प्रतीत होता है आप दो तत्वों (सामने और पीछे) का उपयोग करेंगे और एक पूर्ण समाधान के लिए अधिक उन्नत इंटरैक्शन या कस्टम कोड के साथ उनकी दृश्यता को टॉगल करेंगे।
क्या ये प्रभाव मोबाइल उपकरणों पर काम करते हैं?
उपयोग किए जाने वाले सीएसएस परिवर्तन आधुनिक मोबाइल ब्राउज़रों पर व्यापक रूप से समर्थित हैं हालांकि, जटिल ३ डी परिप्रेक्ष्य या तीव्र एनिमेशन डेस्कटॉप पर बेहतर प्रदर्शन कर सकते हैं यह हमेशा एक वास्तविक फोन पर अपने डिजाइन की जांच करने और यदि आवश्यक हो तो मोबाइल के लिए प्रभाव को सरल बनाने के लिए एक अच्छा विचार है।
यह फ्लोटिंग इफेक्ट्स एक्सटेंशन से कैसे अलग है?
महान सवाल! फ्लोटिंग इफेक्ट्स स्वचालित, निरंतर एनिमेशन (जैसे उछल या बहती गति) के लिए है ट्रांसफॉर्म एक्सटेंशन एक तत्व के मूल आकार और स्थिति (तिरछा, घुमाएं, स्केल) को बदलने के बारे में है, अक्सर स्थिर तरीके से या एक बार की बातचीत (जैसे होवर प्रभाव) के साथ उनका उपयोग किया जा सकता है उदाहरण के लिए, आपके पास एक कार्ड हो सकता है जो थोड़ा तिरछा (ट्रांसफॉर्म) है और धीरे-धीरे पल्स (फ्लोटिंग इफेक्ट्स) भी है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

ग्लासमोर्फिज्म

कंटेनर अतिरिक्त

पैटर्न

पोस्ट/पेज डुप्लीकेटर


