আমরা সিরিজের অন্য আর্টিকেলটি দিয়ে চালিয়ে যাচ্ছি এইচটিএমএল, CSS এবং জাভাস্ক্রিপ্ট যে একটি এনেছে জোর দিয়ে কোডের সুন্দর তালিকা আমাদের ওয়েবসাইটের ভিজ্যুয়াল উপস্থিতি বা ব্যবহারকারীর অভিজ্ঞতা; এটি কোনও ইকমার্স, একটি ল্যান্ডিং পৃষ্ঠা বা নিজেই একটি ব্লগ।
এটি সেই গুরুত্বপূর্ণ উপাদানগুলির একটির সাথে এই মুহুর্তটি স্পর্শ করে যা সক্ষম capable কর্মকে কল করুন যাতে আইকনটি ব্যবহারকারীকে শপিং কার্টে নিয়ে যাবে, বোতামগুলি ক্রমে পরিণত হবে আপনি নীচে যে সিএসএস বোতামগুলি পাবেন তা নিখরচায় এবং 3 ডি বাটনগুলি নিয়ে থাকে, সামাজিক নেটওয়ার্কগুলির জন্য, ভাগ করে নেওয়ার জন্য, শুরুতে ফিরে যেতে বা অন্যদের পাশাপাশি আনলক করতে।
3 ডি বোতাম
একটি 3 ডি বোতাম যা দাঁড়িয়ে আছে গভীরতা জন্য এটি কারণ আমরা যেখানেই যাই না কেন সেই ছায়াময় প্রভাবগুলির সাথে এটি স্থাপন করি যা প্রতিটি ভিজ্যুয়াল উপাদানকে আলাদা করে তোলে।
3 ডি বোতাম টিপুন
এস্তে সিএসএসে 3 ডি বোতাম এটির সক্ষমতা রয়েছে যেহেতু আমরা এর স্পন্দন দীর্ঘায়িত করার সাথে সাথে অ্যানিমেশনটি চলতে শুরু করবে।
ব্যাক বোতাম
এই সিএসএস বোতামটি আমাদের নিবে আমাদের ওয়েবসাইটের শীর্ষে যখন আমরা এর মধ্য দিয়ে চলেছি।
বুদ্বুদ বোতাম
সিএসএস এবং জাভাস্ক্রিপ্টের একটি বুদ্বুদ বোতাম যা ক্লিক করলে বুদবুদ সিরিজ দিয়ে স্প্ল্যাশ হবে একটি আকর্ষণীয় এবং উপযুক্ত অ্যানিমেশন সহ।
বোতাম যুক্ত করুন
উনা ক্রেফুল অ্যানিমেশন এই বোতামটি সিএসএসে যুক্ত করতে জীবন দেয় যা সেই ওয়েবসাইটগুলির মধ্যে অন্যতম হতে পারে যা আমাদের ওয়েবসাইটকে আলাদা করে দেয়।
সিএসএস অফসেট বোতাম
আগেরটির মতো, যদিও কিছুটা আলাদা অ্যানিমেশন সহ। এটি একটি নির্দিষ্ট থিমের ওয়েবসাইটগুলির একটি সিরিজের জন্য আদর্শ হতে পারে।
বোতাম বন্ধ
আমরা এটি টিপুন সিএসএস এবং এইচটিএমএলে বোতাম উত্পাদিত হওয়ার জন্য একটি ক্লোজিং অ্যানিমেশন for সহজ, তবে দুর্দান্ত ভিজ্যুয়াল এফেক্ট সহ।
সিএসএস ক্লোজ বোতাম
যে সময় মাউস পয়েন্টারটি ছেড়ে দেওয়া যাক এই বন্ধ বোতামে, আমরা ওয়েবে একীভূত করব এমন মানসম্পন্ন অ্যানিমেশনটি খুঁজে পেতে পারি।
সিএসএস ডাউনলোড বোতাম
আমাদের ওয়েবসাইটে আমাদের ডাউনলোড করার বিষয়বস্তু থাকলে তা গুরুত্বপূর্ণ আমাদের অধিকার পেতে ব্যবহারকারীর জন্য একটি উপযুক্ত বাটন আছে আপনার নাড়ির উপর দ্রুত এই বোতামটি টিপে ধরলে দাঁড়ায় এবং ভালভাবে সম্পন্ন অ্যানিমেশনটিতে বেশ কয়েকটি ধাক্কা খায়।
ডাউনলোড বোতাম
এই বোতামটির জন্য অ্যানিমেশন বিশেষীকরণ করে একটু বল বাড়াতে এটি বারের একপাশ থেকে অন্য দিকে চলে যাবে যা আমাদের ডাউনলোডে ক্লিক করার সময় ব্যবহারকারীরা যে ব্যবস্থা গ্রহণ করে তা হাইলাইট করতে দেয়।
বোতাম অ্যানিমেশন ডাউনলোড করুন
উনা একটি বোতামের জন্য বেশ দীর্ঘ অ্যানিমেশন, তবে এটি সেই বিশদ হতে পারে যা আপনার ওয়েবসাইটে সমস্ত ধরণের ফাইল ডাউনলোডের জন্য পেশাদারিত্ব সরবরাহ করে।
হোভার বোতাম
এই বোতামটি আপনার জন্য অপেক্ষা করছে মাউস পয়েন্টার ছেড়ে দিন উপরে তাই আপনি এটি তৈরি করে যে অসাধারণ অ্যানিমেশন দেখতে পারেন।
গোলমাল বোতাম
অন্য একটি হোভার বোতাম যা এর জন্য দাঁড়িয়ে আছে বৈদ্যুতিনকরণ অ্যানিমেশন পয়েন্টার উপর ঘোরা যখন এটি ঘটে।
হোভার ইফেক্ট
সিএসএসে আরও একটি আকর্ষণীয় হোভার ইফেক্ট যা এর জন্য আলাদা দ্রুত এবং চটচটে অ্যানিমেশন যে ভাল সংবেদন উত্পাদন করে।
স্টাইলিশ হোভার ইফেক্ট
একটি বোতাম হোভার দুর্দান্ত স্টাইলে ক্লাসিক স্পর্শ সহ সাইটের জন্য অ্যানিমেশন।
গুয়ে প্রভাব
Un সহজ এবং কৌতূহল প্রভাব যা কিছুটা এইচটিএমএল দিয়ে সিএসএস বোতামের আকার বাড়িয়ে তোলে।
স্ট্রাইপ বোতাম
স্ট্রাইপ এর জন্য পরিচিত আপনার ওয়েবসাইটের ইউআই ডিজাইনে দুর্দান্ত কাজ, এই স্ট্রিপ বোতামটি অনুপ্রাণিত হয়েছে যাতে আপনি এটি আপনার ওয়েবসাইটে নিয়ে যেতে পারেন।
তিনটি সিএসএস বোতামের প্রভাব
তিনটি সিএসএস প্রভাব বোতামটির জন্য অ্যানিমেশনটিতে এবং আমরা দুর্দান্ত স্টাইল বিবেচনা করতে পারি।
টুইটার বোতামটি পছন্দ করুন
একটি বোতাম টুইটারের জন্য পছন্দ একটি ঝলকানি এবং শক্তিপূর্ণ অ্যানিমেশন সহ। এই সামাজিক যোগাযোগের দিনগুলির জন্য উপযুক্ত Perf
অ্যানিমেশন বোতামটি পছন্দ করুন
এখানে হৃদয় হবে লাইক বোতাম টিপে যখন যারা আনন্দের জন্য লাফ দেয়।
বোতামের মতো স্প্লিট করুন
অন্য দুর্দান্ত প্রভাব সহ খুব কৌতূহলী অ্যানিমেশন সামাজিক নেটওয়ার্কগুলির জন্য একটি পছন্দসই বোতামের জন্য।
খেলুন বোতাম
শুরু হবে প্লে বাটন ঝাঁপ দাও, আনন্দের জন্যও, চাপলে।
প্লেব্যাক সিএসএস বোতাম
একটি অ্যানিমেশন মুছে ফেলবে পরিধি আইকন ঘিরে এই সিএসএস বোতামটির প্লেব্যাক।
বিরতি / প্লে বোতাম
শুধু একটি বোতাম নূন্যতম স্পর্শের সাথে বিরতি / খেলুন ডিজাইনে।
বিপরীতমুখী সহজ বোতাম
যেন আমরা চাপ দিচ্ছিলাম একটি খেলা নিয়ামক বোতাম এক্সবক্সের মতো কনসোল থেকে।
রেইনবো বোতাম
একটি সঙ্গে একটি বোতাম রংধনু অ্যানিমেশন যা গ্যালাক্সি এস 8-এ আসা বিজ্ঞপ্তিগুলি পুনরায় তৈরি করে।
সামাজিক বোতাম
একটি ড্রয়ার যা দিয়ে খোলে জনপ্রিয় সামাজিক মিডিয়া আইকন এটির উপর মাউস পয়েন্টার রেখে সবই।
ভাসমান অ্যানিমেশন
একটি সঙ্গে একটি বোতাম মান অ্যানিমেশন আমরা এটি ক্লিক করার মুহুর্তটি ট্রিগার করে।
3 ডি সামাজিক আইকন
Un মনোযোগ-দখল প্রভাব এবং যখন আমরা পয়েন্টারটিকে ভঙ্গ করি তখন তা ঘটে।
সামাজিক বোতাম
এই সামাজিক বোতাম একটি অ্যানিমেশন ব্যবহার করে বাকি থেকে নিজেকে আলাদা করতে এটি শীর্ষ থেকে রঙ পরিবর্তন করে।
কিউবিক সামাজিক বোতাম
এই বোতামগুলি হয় একটি ঘনক্ষেত্র মধ্যে অবস্থিত এটি পুরোপুরি সরে যায় যখন আমরা এর উপরে পয়েন্টারটি রেখে যাই।
বোতাম ভাগ করুন
Un শেয়ার বোতাম অসীম চক্রীয় অ্যানিমেশন দ্বারা আলাদা।
এসভিজিতে সোশ্যাল মিডিয়া শেয়ার বোতাম
কেবল শেয়ার বোতামটি চাপুন এবং আপনি divineশিক প্রভাব পাবেন যা এই সামাজিক মিডিয়া বোতামে ঘটে।
গুয়ে শেয়ার বোতাম
অন্যদের সাথে অ্যানিমেশন «Gooey, এই বোতামটি এটির প্রভাবের জন্য খুব আকর্ষণীয়।
ভাগ
এস্তে বোতামটি চারটি আলাদা করে বিভক্ত যাতে আপনি সোশ্যাল নেটওয়ার্কটি চয়ন করতে পারেন যেখানে আপনি সরাসরি ভাগ করা সামগ্রী প্রকাশ করবেন।
তারা পর্যালোচনা বোতাম
একটি বোতাম স্কোর সংগ্রহ করে এমন হোভার করুন যখন আপনি পয়েন্টারটি নীচে রেখে যাবেন আপনি যাচ্ছেন।
এসভিজি স্কোর বোতাম
এর জন্য আরও একটি হোভার বোতাম একটি গ্রেড সহ স্কোর একটি পণ্য বা যাই হোক না কেন।
চার্জ বোতাম
টিপে আপলোড বাটন ডাউনলোড প্রক্রিয়া শুরু করবে বা আপনার ওয়েবসাইটের জন্য যা ভাল কাজ করে।
বোতাম গ্রহণ করুন
এটি টিপুন এবং একটি ফর্ম গৃহীত হবে বা অন্য কোন পদক্ষেপ এটি আমাদের ওয়েবসাইটের ব্যবহারকারীর কাছ থেকে অনুমোদনের প্রয়োজন।
সোয়াইপ বোতাম
মোবাইলের জন্য উত্সর্গীকৃতএই স্মার্টফোনের সাথে এই বাটনটি টিপতে হবে st অঙ্গভঙ্গিটি এত সাধারণ।
অঙ্গভঙ্গি আনলক করুন
Un আঙুল বা পয়েন্টার দিয়ে পাশের অঙ্গভঙ্গি এবং আমরা টার্মিনালটি নিজেই আনলক করব। মোবাইলের জন্য আর একটি আদর্শ বোতাম।
মহান অবদান বন্ধু, আপনাকে ধন্যবাদ
আপনার পৃষ্ঠাটি কিছুটা ভারী, যদি আপনি প্রোগ্রামিং এবং এই বিষয়গুলি সম্পর্কে অনেক কিছু জানেন তবে আপনার এটি অপ্টিমাইজ করা উচিত এবং ওয়ার্ডপ্রেস এক্সসি ব্যবহার না করা উচিত