সৃজনশীল লিঙ্ক
একটি আদর্শ নীল আন্ডারলাইন লিঙ্ক তার কাজ করে, কিন্তু এটি একটি ছাপ তৈরি করতে ভুলে যায়। আজকের ওয়েবে, প্রতিটি মিথস্ক্রিয়া জড়িত হওয়ার সুযোগ। মাস্টার অ্যাডনস ক্রিয়েটিভ লিঙ্ক এলিমেন্ট সাধারণ টেক্সট লিঙ্কগুলিকে শিল্পের ক্ষুদ্র কাজে পরিণত করে। সূক্ষ্ম আন্ডারলাইন স্লাইড থেকে ডায়নামিক 3D ট্রান্সফরমেশন 5 পর্যন্ত 22টিরও বেশি অনন্য হোভার ইফেক্ট থেকে বেছে নিন এবং আপনার ল্যান্ডিং পৃষ্ঠার যেকোনো জায়গায় প্রয়োগ করুন। প্রভাবের প্রতিটি অংশ স্টাইল করুন, আইকন নিয়ন্ত্রণ করুন এবং একটি মাইক্রো-অভিজ্ঞতা তৈরি করুন যা ক্লিককে তাজা এবং ইচ্ছাকৃত মনে করে।
হোভার ইফেক্টের বিস্তৃত লাইব্রেরি
এই উপাদানের হৃদয়। সাধারণ রঙ পরিবর্তনের বাইরে যান। হোভারে ট্রিগার করে এমন অত্যাধুনিক প্রভাবগুলির একটি কিউরেটেড তালিকা থেকে নির্বাচন করুন। একটি ক্লাসিক বটম লাইন স্লাইড চান? একটি কৌতুকপূর্ণ তিন বিন্দু প্রকাশ? একটি নাটকীয় 3D স্লাইড বা টেক্সট ফিল প্রভাব? প্রতিটি প্রভাব লিঙ্ক টেক্সট এবং এর ছদ্ম-উপাদানগুলিতে একটি স্বতন্ত্র CSS অ্যানিমেশন প্রয়োগ করে, মার্জিত থেকে সাহসী মিথস্ক্রিয়া পর্যন্ত সবকিছু তৈরি করে। এই লাইব্রেরিটি আপনাকে কোডের একটি লাইন না লিখে আপনার মেনু, বিষয়বস্তুর সারণী বা বৈশিষ্ট্য তালিকায় ব্যক্তিত্ব যোগ করতে এবং পালিশ করতে দেয়।
- 22+ প্রি-বিল্ট ইফেক্ট: বর্ডার সুইচ, স্কেল ডাউন, সার্কেল, ক্রস এবং মুভ আপের মতো অ্যানিমেশনগুলি অবিলম্বে প্রয়োগ করুন।
- শৈলীর পরিসর: সূক্ষ্ম (নীচের সীমানা বড় করা) থেকে গাঢ় (3D প্রভাব, 2য় পাঠ্য এবং বর্ডার রিভিল পুশ আউট)।
- সহজ অ্যাপ্লিকেশন: শুরু করার জন্য প্রয়োজনীয় একটি ড্রপডাউন থেকে একটি প্রভাব নির্বাচন করুন।
সমস্ত লিঙ্ক রাজ্যের জন্য স্টাইলিং
লিঙ্ক প্রভাবের প্রতিটি উপাদান স্টাইল করে পিক্সেল-নিখুঁত নকশা অর্জন করুন। বেস টাইপোগ্রাফি, লিঙ্ক প্যাডিং এবং সামগ্রিক প্রস্থ সেট করুন। তারপর, স্টেট স্টাইলিং এর গভীরে ডুব দিন। সাধারণ এবং হোভার উভয়ের জন্য পাঠ্যের রঙ এবং পটভূমির রঙ সংজ্ঞায়িত করুন। গুরুত্বপূর্ণভাবে, প্রভাবগুলিতে ব্যবহৃত রঙিন উপাদানগুলিকে স্টাইল করুন: স্প্যান বিজি রঙ, বিজি রঙের আগে এবং বিজি রঙের পরে। এগুলি অ্যানিমেটেড সিউডো-এলিমেন্টের ব্যাকগ্রাউন্ড নিয়ন্ত্রণ করে যা স্লাইডিং লাইন, ভরা ব্যাকগ্রাউন্ড বা প্রসারিত বৃত্তের মতো প্রভাবকে শক্তি দেয়। চেহারা সম্পূর্ণ করতে বর্ডার ব্যাসার্ধ এবং বক্স শ্যাডো যোগ করুন।
- ডুয়াল-স্টেট ডিজাইন: সাধারণ এবং হোভার রাজ্যের জন্য স্বাধীনভাবে রঙ এবং ব্যাকগ্রাউন্ড নিয়ন্ত্রণ করুন।
- ইফেক্ট কম্পোনেন্ট স্টাইলিং: অ্যানিমেশন ভিজ্যুয়াল তৈরি করে এমন আগে, পরে এবং স্প্যান ব্যাকগ্রাউন্ডগুলিকে সরাসরি স্টাইল করুন।
- সম্পূর্ণ টাইপোগ্রাফি নিয়ন্ত্রণ: লিঙ্ক পাঠ্যের জন্য ফন্ট, আকার, ওজন এবং ব্যবধান চয়ন করুন।
- আকৃতি এবং গভীরতা: লিঙ্কের ধারকটিকে নরম বা উন্নত করতে বর্ডার ব্যাসার্ধ এবং বক্স শ্যাডো ব্যবহার করুন।
সৃজনশীল লিঙ্কগুলির জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
"লিঙ্ক টেক্সট" এবং "অল্টারনেটিভ লিংক টেক্সট" এর মধ্যে পার্থক্য কি?
লিঙ্ক টেক্সট হল যা ডিফল্টরূপে সর্বদা দৃশ্যমান থাকে (যেমন, “ “Our Services”)। বিকল্প লিঙ্ক টেক্সট হল যা হোভার ইফেক্টের সময় প্রদর্শিত বা ইন্টারঅ্যাক্ট করে। "টেক্সট ফিল" বা "বর্ডার সুইচ," এর মতো প্রভাবগুলিতে এই বিকল্প পাঠ্যটি মূল পাঠ্যের পাশাপাশি স্লাইড, প্রতিস্থাপন বা অ্যানিমেট করতে পারে, একটি গতিশীল পরিবর্তন তৈরি করতে পারে।
আমি কি আমার ওয়েবসাইটের প্রধান নেভিগেশন হিসাবে এই সৃজনশীল লিঙ্কগুলি ব্যবহার করতে পারি?
একেবারে! এগুলি হেডার মেনুগুলির জন্য উপযুক্ত, বিশেষ করে ন্যূনতম বা সৃজনশীল সাইট ডিজাইনের জন্য যেখানে আপনি নেভিগেশন নিজেই একটি ভিজ্যুয়াল বৈশিষ্ট্য হতে চান৷ শুধু কন্টেন্ট রিপিটারে প্রতিটি মেনু আইটেমকে আলাদা “” হিসেবে যোগ করুন।
"বিজি রঙের আগে" এবং "বিজি রঙের পরে" কীসের জন্য?
এগুলো হলো গোপন উপাদান। সর্বাধিক উন্নত CSS হোভার ইফেক্ট ব্যবহার করে :: আগে এবং :: ছদ্ম-উপাদানের পরে অ্যানিমেটেড আকার, লাইন বা ব্যাকগ্রাউন্ড ফিল তৈরি করতে। এই রঙ নিয়ন্ত্রণগুলি আপনাকে সরাসরি সেই লুকানো উপাদানগুলিকে স্টাইল করতে দেয়, যা আপনাকে আপনার ব্র্যান্ডের সাথে প্রভাবের রঙের সাথে মেলাতে দেয়। উদাহরণস্বরূপ, বটম লাইন স্লাইড প্রভাবে, আফটার বিজি কালার স্লাইডিং আন্ডারলাইন এর রঙ নিয়ন্ত্রণ করতে পারে।
প্রভাবগুলি কি মোবাইল (টাচস্ক্রিন) ডিভাইসে কাজ করে?
হ্যাঁ, তারা সম্পূর্ণরূপে কার্যকরী। টাচ ডিভাইসে, হোভার ইফেক্টটি সাধারণত প্রথম ট্যাপে ট্রিগার হয় ("হোভার" অবস্থা), এবং লিঙ্কটি দ্বিতীয় ট্যাপে অনুসরণ করা হয়। এটি মোবাইলে হোভার প্রভাবের জন্য আদর্শ আচরণ। পৃষ্ঠা পরিবর্তনের আগে আপনি অ্যানিমেশন প্রতিক্রিয়া পাবেন।
আমি কিভাবে সঠিক প্রভাব নির্বাচন করব?
আপনার সাইটের ব্যক্তিত্ব বিবেচনা করুন:
- পেশাদার/কর্পোরেট: বটম লাইন স্লাইড বা বর্ডার ট্রান্সলেটের মতো সূক্ষ্ম প্রভাব ব্যবহার করুন।
- ক্রিয়েটিভ/পোর্টফোলিও: 3D স্লাইড, সার্কেল বা টেক্সট ফিলের মতো সাহসী প্রভাবগুলির জন্য যান৷।
- আধুনিক/মিনিমালিস্ট: বটম বর্ডার বড় করুন বা স্কেল ডাউন সুন্দরভাবে কাজ করুন।
কয়েকটি পূর্বরূপ দেখুন em সর্বোত্তম প্রভাব বিভ্রান্তিকর অনুভূতি ছাড়াই লিঙ্কটিকে উন্নত করে।
আমি কি একই উইজেটের বিভিন্ন লিঙ্কে বিভিন্ন প্রভাব প্রয়োগ করতে পারি?
স্ক্রিনশটগুলি একটি গ্লোবাল ইফেক্ট ড্রপডাউন দেখায়, একটি উইজেট উদাহরণের সমস্ত লিঙ্ক একই নির্বাচিত প্রভাব ভাগ করার পরামর্শ দেয়। বিভিন্ন প্রভাব থাকতে (যেমন, একটি বৃত্ত প্রভাব সহ একটি লিঙ্ক, একটি স্লাইড প্রভাব সহ), আপনাকে সম্ভবত একাধিক পৃথক ক্রিয়েটিভ লিঙ্ক উইজেট স্থাপন করতে হবে।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
