41 টি সামান্য জাভাস্ক্রিপ্ট সহ সিএসএস বোতাম

ফ্রি সিএসএস বোতাম

আমরা সিরিজের অন্য আর্টিকেলটি দিয়ে চালিয়ে যাচ্ছি এইচটিএমএল, CSS এবং জাভাস্ক্রিপ্ট যে একটি এনেছে জোর দিয়ে কোডের সুন্দর তালিকা আমাদের ওয়েবসাইটের ভিজ্যুয়াল উপস্থিতি বা ব্যবহারকারীর অভিজ্ঞতা; এটি কোনও ইকমার্স, একটি ল্যান্ডিং পৃষ্ঠা বা নিজেই একটি ব্লগ।

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

সূচক

3 ডি বোতাম

3 ডি বোতাম

একটি 3 ডি বোতাম যা দাঁড়িয়ে আছে গভীরতা জন্য এটি কারণ আমরা যেখানেই যাই না কেন সেই ছায়াময় প্রভাবগুলির সাথে এটি স্থাপন করি যা প্রতিটি ভিজ্যুয়াল উপাদানকে আলাদা করে তোলে।

3 ডি বোতাম টিপুন

3 ডি বোতাম টিপুন

এস্তে সিএসএসে 3 ডি বোতাম এটির সক্ষমতা রয়েছে যেহেতু আমরা এর স্পন্দন দীর্ঘায়িত করার সাথে সাথে অ্যানিমেশনটি চলতে শুরু করবে।

ব্যাক বোতাম

ব্যাক বোতাম

এই সিএসএস বোতামটি আমাদের নিবে আমাদের ওয়েবসাইটের শীর্ষে যখন আমরা এর মধ্য দিয়ে চলেছি।

বুদ্বুদ বোতাম

বুদ্বুদ বোতাম

সিএসএস এবং জাভাস্ক্রিপ্টের একটি বুদ্বুদ বোতাম যা ক্লিক করলে বুদবুদ সিরিজ দিয়ে স্প্ল্যাশ হবে একটি আকর্ষণীয় এবং উপযুক্ত অ্যানিমেশন সহ।

বোতাম যুক্ত করুন

বোতাম যুক্ত করুন

উনা ক্রেফুল অ্যানিমেশন এই বোতামটি সিএসএসে যুক্ত করতে জীবন দেয় যা সেই ওয়েবসাইটগুলির মধ্যে অন্যতম হতে পারে যা আমাদের ওয়েবসাইটকে আলাদা করে দেয়।

সিএসএস অফসেট বোতাম

অফসেট

আগেরটির মতো, যদিও কিছুটা আলাদা অ্যানিমেশন সহ। এটি একটি নির্দিষ্ট থিমের ওয়েবসাইটগুলির একটি সিরিজের জন্য আদর্শ হতে পারে।

বোতাম বন্ধ

ঘনিষ্ঠ

আমরা এটি টিপুন সিএসএস এবং এইচটিএমএলে বোতাম উত্পাদিত হওয়ার জন্য একটি ক্লোজিং অ্যানিমেশন for সহজ, তবে দুর্দান্ত ভিজ্যুয়াল এফেক্ট সহ।

সিএসএস ক্লোজ বোতাম

সিএসএস ক্লোজ বোতাম

যে সময় মাউস পয়েন্টারটি ছেড়ে দেওয়া যাক এই বন্ধ বোতামে, আমরা ওয়েবে একীভূত করব এমন মানসম্পন্ন অ্যানিমেশনটি খুঁজে পেতে পারি।

সিএসএস ডাউনলোড বোতাম

সিএসএস ডাউনলোড বোতাম

আমাদের ওয়েবসাইটে আমাদের ডাউনলোড করার বিষয়বস্তু থাকলে তা গুরুত্বপূর্ণ আমাদের অধিকার পেতে ব্যবহারকারীর জন্য একটি উপযুক্ত বাটন আছে আপনার নাড়ির উপর দ্রুত এই বোতামটি টিপে ধরলে দাঁড়ায় এবং ভালভাবে সম্পন্ন অ্যানিমেশনটিতে বেশ কয়েকটি ধাক্কা খায়।

ডাউনলোড বোতাম

ডাউনলোড বোতাম

এই বোতামটির জন্য অ্যানিমেশন বিশেষীকরণ করে একটু বল বাড়াতে এটি বারের একপাশ থেকে অন্য দিকে চলে যাবে যা আমাদের ডাউনলোডে ক্লিক করার সময় ব্যবহারকারীরা যে ব্যবস্থা গ্রহণ করে তা হাইলাইট করতে দেয়।

বোতাম অ্যানিমেশন ডাউনলোড করুন

অ্যানিমেশন ডাউনলোড

উনা একটি বোতামের জন্য বেশ দীর্ঘ অ্যানিমেশন, তবে এটি সেই বিশদ হতে পারে যা আপনার ওয়েবসাইটে সমস্ত ধরণের ফাইল ডাউনলোডের জন্য পেশাদারিত্ব সরবরাহ করে।

হোভার বোতাম

হোভার বোতাম

এই বোতামটি আপনার জন্য অপেক্ষা করছে মাউস পয়েন্টার ছেড়ে দিন উপরে তাই আপনি এটি তৈরি করে যে অসাধারণ অ্যানিমেশন দেখতে পারেন।

গোলমাল বোতাম

গোলমাল বোতাম

অন্য একটি হোভার বোতাম যা এর জন্য দাঁড়িয়ে আছে বৈদ্যুতিনকরণ অ্যানিমেশন পয়েন্টার উপর ঘোরা যখন এটি ঘটে।

হোভার ইফেক্ট

হোভার ইফেক্ট

সিএসএসে আরও একটি আকর্ষণীয় হোভার ইফেক্ট যা এর জন্য আলাদা দ্রুত এবং চটচটে অ্যানিমেশন যে ভাল সংবেদন উত্পাদন করে।

স্টাইলিশ হোভার ইফেক্ট

হোভার স্টাইল

একটি বোতাম হোভার দুর্দান্ত স্টাইলে ক্লাসিক স্পর্শ সহ সাইটের জন্য অ্যানিমেশন।

গুয়ে প্রভাব

গুয়ে প্রভাব

Un সহজ এবং কৌতূহল প্রভাব যা কিছুটা এইচটিএমএল দিয়ে সিএসএস বোতামের আকার বাড়িয়ে তোলে।

স্ট্রাইপ বোতাম

স্ট্রাইপ বোতাম

স্ট্রাইপ এর জন্য পরিচিত আপনার ওয়েবসাইটের ইউআই ডিজাইনে দুর্দান্ত কাজ, এই স্ট্রিপ বোতামটি অনুপ্রাণিত হয়েছে যাতে আপনি এটি আপনার ওয়েবসাইটে নিয়ে যেতে পারেন।

তিনটি সিএসএস বোতামের প্রভাব

তিনটি প্রভাব

তিনটি সিএসএস প্রভাব বোতামটির জন্য অ্যানিমেশনটিতে এবং আমরা দুর্দান্ত স্টাইল বিবেচনা করতে পারি।

টুইটার বোতামটি পছন্দ করুন

টুইটার বোতামটি পছন্দ করুন

একটি বোতাম টুইটারের জন্য পছন্দ একটি ঝলকানি এবং শক্তিপূর্ণ অ্যানিমেশন সহ। এই সামাজিক যোগাযোগের দিনগুলির জন্য উপযুক্ত Perf

অ্যানিমেশন বোতামটি পছন্দ করুন

অ্যানিমেশন বোতামটি পছন্দ করুন

এখানে হৃদয় হবে লাইক বোতাম টিপে যখন যারা আনন্দের জন্য লাফ দেয়।

বোতামের মতো স্প্লিট করুন

স্প্ল্যাট

অন্য দুর্দান্ত প্রভাব সহ খুব কৌতূহলী অ্যানিমেশন সামাজিক নেটওয়ার্কগুলির জন্য একটি পছন্দসই বোতামের জন্য।

খেলুন বোতাম

প্রতিলিপি

শুরু হবে প্লে বাটন ঝাঁপ দাও, আনন্দের জন্যও, চাপলে।

প্লেব্যাক সিএসএস বোতাম

সিএসএস প্লেব্যাক

একটি অ্যানিমেশন মুছে ফেলবে পরিধি আইকন ঘিরে এই সিএসএস বোতামটির প্লেব্যাক।

বিরতি / প্লে বোতাম

প্লেব্যাক বিরতি

শুধু একটি বোতাম নূন্যতম স্পর্শের সাথে বিরতি / খেলুন ডিজাইনে।

বিপরীতমুখী সহজ বোতাম

রেট্রো

যেন আমরা চাপ দিচ্ছিলাম একটি খেলা নিয়ামক বোতাম এক্সবক্সের মতো কনসোল থেকে।

রেইনবো বোতাম

রামধনু

একটি সঙ্গে একটি বোতাম রংধনু অ্যানিমেশন যা গ্যালাক্সি এস 8-এ আসা বিজ্ঞপ্তিগুলি পুনরায় তৈরি করে।

সামাজিক বোতাম

সামাজিক

একটি ড্রয়ার যা দিয়ে খোলে জনপ্রিয় সামাজিক মিডিয়া আইকন এটির উপর মাউস পয়েন্টার রেখে সবই।

ভাসমান অ্যানিমেশন

ভাসমান অ্যানিমেশন

একটি সঙ্গে একটি বোতাম মান অ্যানিমেশন আমরা এটি ক্লিক করার মুহুর্তটি ট্রিগার করে।

3 ডি সামাজিক আইকন

3 ডি সামাজিক আইকন

Un মনোযোগ-দখল প্রভাব এবং যখন আমরা পয়েন্টারটিকে ভঙ্গ করি তখন তা ঘটে।

সামাজিক বোতাম

সামাজিক বোতাম

এই সামাজিক বোতাম একটি অ্যানিমেশন ব্যবহার করে বাকি থেকে নিজেকে আলাদা করতে এটি শীর্ষ থেকে রঙ পরিবর্তন করে।

কিউবিক সামাজিক বোতাম

কিউবিক সামাজিক বোতাম

এই বোতামগুলি হয় একটি ঘনক্ষেত্র মধ্যে অবস্থিত এটি পুরোপুরি সরে যায় যখন আমরা এর উপরে পয়েন্টারটি রেখে যাই।

বোতাম ভাগ করুন

বোতাম ভাগ করুন

Un শেয়ার বোতাম অসীম চক্রীয় অ্যানিমেশন দ্বারা আলাদা।

এসভিজিতে সোশ্যাল মিডিয়া শেয়ার বোতাম

শেয়ার বোতামগুলি এস.জি.জি.

কেবল শেয়ার বোতামটি চাপুন এবং আপনি divineশিক প্রভাব পাবেন যা এই সামাজিক মিডিয়া বোতামে ঘটে।

গুয়ে শেয়ার বোতাম

শেয়ার

অন্যদের সাথে অ্যানিমেশন «Gooey, এই বোতামটি এটির প্রভাবের জন্য খুব আকর্ষণীয়।

ভাগ

ভাগ

এস্তে বোতামটি চারটি আলাদা করে বিভক্ত যাতে আপনি সোশ্যাল নেটওয়ার্কটি চয়ন করতে পারেন যেখানে আপনি সরাসরি ভাগ করা সামগ্রী প্রকাশ করবেন।

তারা পর্যালোচনা বোতাম

তারা পর্যালোচনা বোতাম

একটি বোতাম স্কোর সংগ্রহ করে এমন হোভার করুন যখন আপনি পয়েন্টারটি নীচে রেখে যাবেন আপনি যাচ্ছেন।

এসভিজি স্কোর বোতাম

স্কোর এসভিজি বোতাম

এর জন্য আরও একটি হোভার বোতাম একটি গ্রেড সহ স্কোর একটি পণ্য বা যাই হোক না কেন।

চার্জ বোতাম

লোড বোতাম

টিপে আপলোড বাটন ডাউনলোড প্রক্রিয়া শুরু করবে বা আপনার ওয়েবসাইটের জন্য যা ভাল কাজ করে।

বোতাম গ্রহণ করুন

বোতাম গ্রহণ করুন

এটি টিপুন এবং একটি ফর্ম গৃহীত হবে বা অন্য কোন পদক্ষেপ এটি আমাদের ওয়েবসাইটের ব্যবহারকারীর কাছ থেকে অনুমোদনের প্রয়োজন।

সোয়াইপ বোতাম

সোয়াইপ

মোবাইলের জন্য উত্সর্গীকৃতএই স্মার্টফোনের সাথে এই বাটনটি টিপতে হবে st অঙ্গভঙ্গিটি এত সাধারণ।

অঙ্গভঙ্গি আনলক করুন

অঙ্গভঙ্গি আনলক করুন

Un আঙুল বা পয়েন্টার দিয়ে পাশের অঙ্গভঙ্গি এবং আমরা টার্মিনালটি নিজেই আনলক করব। মোবাইলের জন্য আর একটি আদর্শ বোতাম।


নিবন্ধটির বিষয়বস্তু আমাদের নীতিগুলি মেনে চলে সম্পাদকীয় নীতি। একটি ত্রুটি রিপোর্ট করতে ক্লিক করুন এখানে.

2 মন্তব্য, আপনার ছেড়ে

আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।

  1.   নেলসন তিনি বলেন

    মহান অবদান বন্ধু, আপনাকে ধন্যবাদ

  2.   বেনিটো কার্লোস তিনি বলেন

    আপনার পৃষ্ঠাটি কিছুটা ভারী, যদি আপনি প্রোগ্রামিং এবং এই বিষয়গুলি সম্পর্কে অনেক কিছু জানেন তবে আপনার এটি অপ্টিমাইজ করা উচিত এবং ওয়ার্ডপ্রেস এক্সসি ব্যবহার না করা উচিত