क्रिएटिव लिंक्स
एक मानक ब्लू अंडरलाइन लिंक अपना काम करता है, लेकिन यह एक छाप बनाने के लिए भूल जाता है आज के वेब में, हर बातचीत संलग्न करने का मौका है मास्टर एडॉन्स क्रिएटिव लिंक्स एलिमेंट साधारण पाठ लिंक को कला के लघु कार्यों में बदल देता है २२ से अधिक अद्वितीय होवर प्रभावों में से चुनें सूक्ष्म रेखांकित स्लाइड से गतिशील ३ डी परिवर्तनों को ३ और उन्हें अपने लैंडिंग पृष्ठ में कहीं भी लागू करें प्रभाव के हर हिस्से को स्टाइल करें, आइकन को नियंत्रित करें, और एक सूक्ष्म अनुभव बनाएं जो क्लिक को ताजा और जानबूझकर महसूस करता है।
होवर इफेक्ट्स की व्यापक लाइब्रेरी
यह तत्व का दिल है सरल रंग परिवर्तनों से परे ले जाएं परिष्कृत प्रभावों की एक क्यूरेटेड सूची से चुनें जो होवर पर ट्रिगर करते हैं एक क्लासिक नीचे रेखा स्लाइड चाहते हैं एक चंचल तीन डॉट्स प्रकट करते हैं एक नाटकीय ३ डी स्लाइड या टेक्स्ट भरें प्रभाव प्रत्येक प्रभाव लिंक पाठ और उसके छद्म तत्वों के लिए एक अलग सीएसएस एनीमेशन लागू करता है, सुरुचिपूर्ण से बोल्ड इंटरैक्शन तक सब कुछ बनाता है यह पुस्तकालय आपको कोड की एक पंक्ति लिखे बिना अपने मेनू, सामग्री की तालिका, या फीचर सूचियों में व्यक्तित्व और पॉलिश जोड़ने देता है।
- २२+ पूर्व-निर्मित प्रभाव: बॉर्डर स्विच, स्केल डाउन, सर्कल, क्रॉस और मूव अप जैसे एनिमेशन तुरंत लागू करें।
- शैलियों की सीमा: सूक्ष्म (नीचे सीमा विस्तार) से बोल्ड (३ डी प्रभाव, २ पाठ और सीमा खुलासा पुश आउट) तक।
- आसान अनुप्रयोग: ड्रॉपडाउन से एक प्रभाव का चयन करें और आरंभ करने के लिए किसी जटिल कॉन्फ़िगरेशन की आवश्यकता नहीं है।
सभी लिंक राज्यों के लिए स्टाइलिंग
लिंक प्रभाव के प्रत्येक घटक को स्टाइल करके पिक्सेल-परिपूर्ण डिज़ाइन प्राप्त करें आधार टाइपोग्राफी, लिंक पैडिंग और समग्र चौड़ाई सेट करें फिर, राज्य स्टाइलिंग में गहराई से गोता लगाएँ सामान्य और होवर दोनों के लिए पाठ रंग और पृष्ठभूमि रंग को परिभाषित करें महत्वपूर्ण रूप से, प्रभावों में प्रयुक्त रंगीन तत्वों को स्टाइल करें: स्पैन बीजी रंग, बीजी रंग से पहले, और बीजी रंग के बाद ये एनिमेटेड छद्म तत्वों की पृष्ठभूमि को नियंत्रित करते हैं जो स्लाइडिंग लाइनों, भरे हुए पृष्ठभूमि, या विस्तारित सर्कल जैसे पावर प्रभाव को पूरा करने के लिए बॉर्डर रेडियस और बॉक्स शैडो जोड़ते हैं।
- दोहरी-राज्य डिजाइन: सामान्य और होवर राज्यों के लिए स्वतंत्र रूप से रंगों और पृष्ठभूमि को नियंत्रित करें।
- प्रभाव घटक स्टाइलिंग: एनीमेशन दृश्य बनाने वाली पहले, बाद और स्पैन पृष्ठभूमि को सीधे स्टाइल करें।
- पूर्ण टाइपोग्राफी नियंत्रण: लिंक टेक्स्ट के लिए फ़ॉन्ट, आकार, वजन और रिक्ति चुनें।
- आकार और गहराई: लिंक के कंटेनर को नरम या ऊंचा करने के लिए बॉर्डर रेडियस और बॉक्स शैडो का उपयोग करें।
क्रिएटिव लिंक के लिए अक्सर पूछे जाने वाले प्रश्न
"लिंक टेक्स्ट" और "वैकल्पिक लिंक टेक्स्ट" के बीच क्या अंतर है?
लिंक टेक्स्ट वह है जो हमेशा डिफ़ॉल्ट रूप से दिखाई देता है (जैसे, “हमारी सेवाएं”) वैकल्पिक लिंक टेक्स्ट वह है जो होवर प्रभाव के दौरान दिखाई देता है या इंटरैक्ट करता है “टेक्स्ट फिल” या “बॉर्डर स्विच जैसे प्रभावों में, इस वैकल्पिक पाठ को मूल पाठ के साथ स्लाइड, प्रतिस्थापित या एनिमेट किया जा सकता है, जिससे एक गतिशील परिवर्तन हो सकता है।
क्या मैं इन रचनात्मक लिंक को अपनी वेबसाइट के मुख्य नेविगेशन के रूप में उपयोग कर सकता हूं?
बिल्कुल! वे हेडर मेनू के लिए बिल्कुल सही हैं, विशेष रूप से न्यूनतम या रचनात्मक साइट डिज़ाइन के लिए जहां आप नेविगेशन को एक दृश्य सुविधा बनाना चाहते हैं। बस प्रत्येक मेनू आइटम को सामग्री पुनरावर्तक में एक अलग “Item” के रूप में जोड़ें।
"बीजी रंग से पहले" और "बीजी रंग के बाद" किसके लिए हैं?
ये गुप्त तत्व हैं अधिकांश उन्नत सीएसएस होवर प्रभाव उपयोग करते हैं:: पहले और:: छद्म तत्वों के बाद एनिमेटेड आकार, रेखाएं, या पृष्ठभूमि भरने के बाद ये रंग नियंत्रण आपको सीधे उन छिपे हुए तत्वों को स्टाइल करने देते हैं, जिससे आप अपने ब्रांड के प्रभाव के रंगों से मेल खा सकते हैं उदाहरण के लिए, नीचे पंक्ति स्लाइड प्रभाव में, बीजी रंग के बाद स्लाइडिंग अंडरलाइन के रंग को नियंत्रित कर सकता है।
क्या प्रभाव मोबाइल (टचस्क्रीन) उपकरणों पर काम करते हैं?
हां, वे पूरी तरह कार्यात्मक हैं स्पर्श उपकरणों पर, होवर प्रभाव आम तौर पर पहले टैप (“hover” राज्य) पर ट्रिगर होता है, और लिंक दूसरे टैप पर अनुसरण किया जाता है यह मोबाइल पर होवर प्रभाव के लिए मानक व्यवहार है पृष्ठ बदलने से पहले आपको एनीमेशन प्रतिक्रिया मिलती है।
मैं सही प्रभाव कैसे चुनूं?
अपनी साइट के व्यक्तित्व पर विचार करेंः
- पेशेवर/कॉर्पोरेट: नीचे लाइन स्लाइड या सीमा अनुवाद जैसे सूक्ष्म प्रभावों का उपयोग करें।
- क्रिएटिव/पोर्टफोलियो: ३ डी स्लाइड, सर्कल, या टेक्स्ट फिल जैसे बोल्डर प्रभावों के लिए जाएं।
- आधुनिक/न्यूनतम: नीचे की सीमा को बड़ा करें या खूबसूरती से नीचे स्केल करें।
कुछ का पूर्वावलोकन करें और सर्वोत्तम प्रभाव ध्यान भटकाने वाला महसूस किए बिना लिंक को बढ़ाता है।
क्या मैं एक ही विजेट में विभिन्न लिंक पर अलग-अलग प्रभाव लागू कर सकता हूं?
स्क्रीनशॉट एक वैश्विक प्रभाव ड्रॉपडाउन दिखाते हैं, एक विजेट उदाहरण में सभी लिंक एक ही चुने हुए प्रभाव को साझा करते हैं अलग-अलग प्रभाव (जैसे, एक सर्कल प्रभाव के साथ एक लिंक, एक स्लाइड प्रभाव के साथ दूसरा), आपको संभवतः कई अलग-अलग क्रिएटिव लिंक विजेट रखने की आवश्यकता होगी।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
