Is the Creative Button widget free?

Yes. The widget and 6 effects (Default, Winona, Ujarak, Wayra, Tamaya and Rayen) are free. The other 15 effects need Master Addons Pro.

Can I use it as a form submit button?

No. Creative Button is a link, not a form button. To style a submit button, use the form widget for your plugin, such as the Contact Form 7 or WPForms widget.

Do the hover effects work on phones?

Touch screens have no hover, so most visitors on phones see the normal state and go straight to the link. Make sure the normal colors and text work on their own.

Can I change the speed of the hover animation?

Not in the panel. Each effect has its own timing. You can change it with custom CSS on the button, or use the Elementor Button widget, which has a Transition Duration setting.

How is this different from the Elementor Button hover animation?

The Elementor Button moves the whole button, for example grow or pulse. Creative Button effects animate the inside of the button, such as a background sliding in or the text changing to your Alternative Button Text.

ক্রিয়েটিভ হোভার ইফেক্ট সহ এলিমেন্টর অ্যানিমেটেড বোতাম উইজেট

ক্রিয়েটিভ বোতাম হল একটি বিল্ট-ইন হোভার অ্যানিমেশন সহ কল-টু-অ্যাকশন বোতামগুলির জন্য একটি বিনামূল্যের মাস্টার অ্যাডঅন উইজেট। বোতাম প্রভাব তালিকা থেকে একটি প্রভাব চয়ন করুন, পাঠ্য টাইপ করুন এবং হোভারের জন্য একটি ঐচ্ছিক দ্বিতীয় বার্তা, একটি আইকন যোগ করুন এবং সাধারণ এবং হোভার রঙের স্টাইল করুন৷ বিনামূল্যের প্লাগইনটিতে 6টি প্রভাব রয়েছে: ডিফল্ট, উইনোনা, উজারক, ওয়াইরা, তামায়া এবং রায়েন। মাস্টার অ্যাডনস প্রো পিপালুক থেকে শিকোবা পর্যন্ত মোট 21টির জন্য আরও 15টি যোগ করে।

এলিমেন্টরে অ্যানিমেটেড বোতাম কীভাবে যুক্ত করবেন

আপনার WordPress।org থেকে Elementor এবং বিনামূল্যের Master Addons প্লাগইন প্রয়োজন।

ক্রিয়েটিভ বোতামটি চালু আছে কিনা তা পরীক্ষা করুন মাস্টার অ্যাডঅন, উইজেট.
Elementor সম্পাদক, অনুসন্ধান করুন সৃজনশীল বোতাম এবং পৃষ্ঠায় টেনে আনুন।
একটি প্রভাব চয়ন করুন বোতাম প্রভাব এবং এটির পূর্বরূপ দেখতে বোতামটি ঘোরান।
বোতাম পাঠ্য, বিকল্প বোতাম পাঠ্য এবং লিঙ্ক URL টাইপ করুন।
একটি আইকন যোগ করুন এবং আগে বা পরে নির্বাচন করুন।
স্টাইল ট্যাবে, প্যাডিং, সীমানা ব্যাসার্ধ এবং বিভিন্ন সাধারণ এবং হোভার রঙ সেট করুন যাতে অ্যানিমেশনটি দেখতে সহজ হয়।

টুলটিপ এবং অ্যানিমেশন প্রকাশের মতো এক্সটেনশন সহ দীর্ঘ ওয়াকথ্রু জন্য, পড়ুন কিভাবে এলিমেন্টর অ্যানিমেটেড বোতাম তৈরি করবেন. প্রতিটি সেটিং আছে ক্রিয়েটিভ বোতাম উইজেট সেটিংস.

21 হোভার ইফেক্ট: 6টি বিনামূল্যে, 15টি প্রো সহ

প্রতিটি নাম বোতাম প্রভাব এটি একটি ভিন্ন CSS হোভার অ্যানিমেশন, যেমন একটি ব্যাকগ্রাউন্ড যা স্লাইড করে, একটি সীমানা যা বোতামের চারপাশে আঁকে বা পাঠ্য যা একটি দ্বিতীয় বার্তায় অদলবদল করে। ডিফল্ট, উইনোনা, উজারক, ওয়াইরা, তামায়া এবং রায়েন বিনামূল্যে। পিপালুক, মোয়েমা, আইসি, আইলেন, সাকি, ওয়াপাশা, নিনা, নানুক, নুকা, অ্যান্টিম্যান, ইটজেল, নাইরা, কুইডেল, স্যাকনাইট এবং শিকোবার প্রো দরকার। প্রতিটির পূর্বরূপ দেখতে ক্যানভাসে বোতামটি ঘোরান।

বোতাম প্রান্তিককরণ এবং বোতাম পাঠ্য প্রান্তিককরণ, প্রতি ডিভাইসে সেট।
স্তরযুক্ত ব্যাকগ্রাউন্ড ব্যবহার করে এমন প্রভাবগুলির জন্য পটভূমির রঙের আগে এবং পরে অতিরিক্ত।
অ্যানিমেশন গতি প্রতিটি প্রভাব দ্বারা স্থির করা হয়। কোন ট্রানজিশন সময়কাল সেটিং নেই।

বোতাম পাঠ্য, বিকল্প পাঠ্য, আইকন এবং স্টাইলিং

সেট করুন বোতাম পাঠ্য এবং ক লিঙ্ক URL সাধারণ নতুন ট্যাব এবং nofollow বিকল্পগুলির সাথে। ডিফল্ট ছাড়া প্রতিটি প্রভাব একটি দেখায় বিকল্প বোতাম পাঠ্য হোভার বার্তার জন্য ক্ষেত্র। একটি যোগ করুন আইকন আইকন স্পেসিং সহ পাঠ্যের আগে বা পরে। ভিতরে বোতাম শৈলী, প্রস্থ, টাইপোগ্রাফি, বোতাম প্যাডিং, বর্ডার, বর্ডার ব্যাসার্ধ, বক্স শ্যাডো এবং আইকন সাইজ সেট করুন, তারপর সাধারণ এবং হোভারের জন্য পাঠ্য, পটভূমি এবং আইকন রং বেছে নিন।

"শুরু করুন" যা হোভারে "এটি বিনামূল্যে" এ পরিবর্তিত হয়।
দিকনির্দেশ দেখানোর জন্য পাঠ্যের পরে একটি তীর আইকন।
একটি সীমানা সহ গোলাকার পিল বোতাম যা হোভারে রঙ পরিবর্তন করে।

এলিমেন্টর বোতাম বনাম মাস্টার অ্যাডঅন ক্রিয়েটিভ বোতাম

বিনামূল্যের এলিমেন্টর বোতাম উইজেটে ইতিমধ্যেই হোভার অ্যানিমেশন রয়েছে৷ এখানে প্রতিটি ফিট যেখানে।

বৈশিষ্ট্য	এলিমেন্টর বোতাম	মাস্টার অ্যাডঅন ক্রিয়েটিভ বোতাম
দাম	এলিমেন্টরে বিনামূল্যে	6টি প্রভাব বিনামূল্যে, 21টি প্রো সহ
হোভার অ্যানিমেশন	এলিমেন্টর হোভার অ্যানিমেশন তালিকা, যেমন গ্রো, পালস, বব এবং ওয়াবল	স্লাইডিং ব্যাকগ্রাউন্ড, সীমানা এবং স্তরযুক্ত রঙ সহ নামযুক্ত CSS প্রভাব
হোভারে টেক্সট অদলবদল	না	বিকল্প বোতাম পাঠ্য
পটভূমি	সাধারণ এবং হোভারের জন্য ক্লাসিক বা গ্রেডিয়েন্ট	কঠিন রং, প্লাস আগে এবং পরে কিছু প্রভাব রং
স্থানান্তর গতি	ট্রানজিশন সময়কাল সেটিং	প্রতিটি প্রভাব দ্বারা স্থির
আইকন	আগে বা পরে, ব্যবধান সহ	আগে বা পরে, ব্যবধান, আকার এবং হোভার রঙ সহ

গ্রেডিয়েন্ট, একটি কাস্টম ট্রানজিশন গতি বা একটি সাধারণ বৃদ্ধি বা নাড়ির জন্য এলিমেন্টর বোতাম ব্যবহার করুন। আপনি যখন কাস্টম CSS ছাড়াই ব্যাকগ্রাউন্ড সুইপ বা টেক্সট সোয়াপ চান তখন ক্রিয়েটিভ বোতাম ব্যবহার করুন। অ্যানিমেটেড টেক্সট লিঙ্কের জন্য, দেখুন সৃজনশীল লিঙ্ক.

ক্রিয়েটিভ বোতামের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন

ক্রিয়েটিভ বোতাম সম্পর্কে ব্যবহারকারীদের সবচেয়ে বেশি জিজ্ঞাসিত প্রশ্নগুলি জানুন এবং এক জায়গায় উত্তরগুলি খুঁজুন৷।

ক্রিয়েটিভ বোতাম উইজেট কি বিনামূল্যে?

হ্যাঁ। উইজেট এবং 6টি প্রভাব (ডিফল্ট, উইনোনা, উজারক, ওয়াইরা, তামায়া এবং রায়েন) বিনামূল্যে। অন্য 15টি প্রভাব প্রয়োজন মাস্টার অ্যাডনস প্রো.

আমি কি এটি একটি ফর্ম জমা বোতাম হিসাবে ব্যবহার করতে পারি?

না। ক্রিয়েটিভ বোতাম একটি লিঙ্ক, ফর্ম বোতাম নয়। একটি সাবমিট বোতাম স্টাইল করতে, আপনার প্লাগইনের জন্য ফর্ম উইজেট ব্যবহার করুন, যেমন যোগাযোগ ফর্ম 7 বা WPForms উইজেট।

হোভার প্রভাব ফোনে কাজ করে?

টাচ স্ক্রীনে কোন হোভার নেই, তাই ফোনে বেশিরভাগ দর্শক স্বাভাবিক অবস্থা দেখেন এবং সরাসরি লিঙ্কে যান। নিশ্চিত করুন যে স্বাভাবিক রং এবং পাঠ্য তাদের নিজস্ব কাজ করে।

আমি কি হোভার অ্যানিমেশনের গতি পরিবর্তন করতে পারি?

প্যানেলে নেই। প্রতিটি প্রভাবের নিজস্ব সময় আছে। আপনি বোতামে কাস্টম CSS দিয়ে এটি পরিবর্তন করতে পারেন, অথবা এলিমেন্টর বোতাম উইজেট ব্যবহার করতে পারেন, যার একটি ট্রানজিশন সময়কাল সেটিং রয়েছে।

এলিমেন্টর বোতাম হোভার অ্যানিমেশন থেকে এটি কীভাবে আলাদা?

এলিমেন্টর বোতাম পুরো বোতামটি সরিয়ে দেয়, উদাহরণস্বরূপ বৃদ্ধি বা পালস। ক্রিয়েটিভ বোতাম প্রভাবগুলি বোতামের ভিতরে অ্যানিমেট করে, যেমন একটি ব্যাকগ্রাউন্ড স্লাইডিং ইন বা টেক্সট আপনার বিকল্প বোতাম টেক্সটে পরিবর্তন করা।