এইচটিএমএল এবং সিএসএসে 35 মেনু

মেনু

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

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

সূচক

স্লাইড অ্যাকর্ডিয়ান মেনু

বার্গার

Un স্লাইড মেনু বা হ্যামবার্গার সাইড মেনু গ্রেফুল অ্যানিমেশনগুলির সমন্বয়ে দুর্দান্ত প্রভাবের সাথে সংক্ষিপ্ততর স্পর্শ।

সম্পর্কিত নিবন্ধ:
9 সাইডবার সিএসএস মেনুগুলি আপনি মিস করতে পারবেন না

সোয়াঙ্কি খাঁটি সিএসএস ড্রপ ডাউন

চট্পটে

Swanky লিল ড্রপ ডাউন মনু ভি 2.0 es মেনু ভাল খাঁটি সিএসএস সম্পূর্ণ যার যুক্ত মূল্য রয়েছে যে ব্যবহারকারীর ইন্টারফেসে জাভাস্ক্রিপ্ট কোড নেই। দুর্দান্ত কমনীয়তা আবিষ্কার করার জন্য কেবল এটির দুর্দান্ত কাজ।

অ্যাকর্ডিয়ান মেনু

অ্যাকর্ডিয়ন

এস্তে অ্যাকর্ডিয়ান মেনু es খুব সহজ যদি আমরা এটি আগের দুটি সাথে এইচটিএমএল, জেএস এবং সিএসএসের সাথে তুলনা করি।

সম্পর্কিত নিবন্ধ:
আপনার ওয়েবসাইটটি নতুন করে তৈরি করতে 16 টি ক্যাসকেড সিএসএস মেনু

JQuery এবং CSS3 সহ উল্লম্ব মেনু

উল্লম্ব একর্ডিয়ন

Un jQuery এবং CSS3 সহ উল্লম্ব মেনু de একটি অ্যাপ্লিকেশন জন্য দুর্দান্ত স্পর্শ বা ওয়েবসাইট। সর্বনিম্ন ছায়া সহ সমস্ত ধরণের রূপান্তর এবং গ্রেডিয়েন্ট।

বিজ্ঞপ্তি মেনু

বিজ্ঞপ্তি নেভিগেশন

Un বিজ্ঞপ্তি মেনু de পরীক্ষামূলক নেভিগেশন প্রযুক্তিগত ওয়েবসাইটের জন্য যা পুরোপুরি কাজ করে। এসভিজি এবং গ্রিনসক অ্যানিমেশন প্ল্যাটফর্মে তৈরি, কোনও সন্দেহ ছাড়াই আলাদা।

রেডিয়াল মেনু

রশ্মীয়

Otro রেডিয়াল মেনু এবং পরীক্ষামূলক যা কোনও গেমের জন্য নির্দিষ্ট পৃষ্ঠার জন্য পুরোপুরি বৈধ।

বিজ্ঞপ্তি সিএসএস এইচটিএমএল মেনু

বিজ্ঞপ্তি

Un বিজ্ঞপ্তি মেনু সিএসএস এইচটিএমএল এটি দীর্ঘস্থায়ীভাবে এবং এটি স্থাপন করা বিজ্ঞপ্তিটি খোলে একটি দুর্দান্ত ব্যবহারকারীর অভিজ্ঞতা সহ।

রিং মেনু ধারণা

রিং

এই মধ্যে রিং মেনু The লিংক অবস্থিত হয় বিভিন্ন রিং তৈরি করতে প্রত্যেকের শীর্ষে।

ফুল পপ আপ মেনু

ফুল

অন্যান্য বিশেষ পপ - আপ মেনু একটি খুব ভাল প্রয়োগ অ্যানিমেশন সহ যা দুর্দান্ত প্রভাব ফেলে।

পুনরাবৃত্তি হোভার নাভ

রিকার্সিভ

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

ড্রপডাউন নেভিগেশন

সিএসএস

Un তালিকা ড্রপডাউন নেভিগেশন পূর্ববর্তীটির মতোই যদিও ইন্টারফেস ডিজাইনের অন্যান্য টিপসের সাথে।

খাঁটি সিএসএস ড্রপডাউন মেনু

সাধারণ খাঁটি সিএসএস

Otro সিএসএসে মানের ড্রপডাউন মেনু যা বর্তমান ইউআই ডিজাইনের মান অনুসরণ করে।

প্রতিক্রিয়াশীল এবং সহজ মেনু

সহজ প্রতিক্রিয়াশীল

পুরো পর্দা, এই প্রতিক্রিয়াশীল এবং সহজ মেনু এইচটিএমএল 5 এবং সিএসএস 3 এ এটি ইন্টারনেট এক্সপ্লোরার 11 এর সাথে সামঞ্জস্যপূর্ণ।

এসভিজিতে পূর্ণ স্ক্রিন মেনু

সম্পূর্ণ মেনু এসভিজি

Un এসভিজিতে পূর্ণ স্ক্রিন মেনু হ্যামবার্গারে পাশের দিকে রাখা এবং এটি খুব আকর্ষণীয়।

মেগা মেনু সিএসএস

মেগা মেনু

Un সিএসএস এবং এইচটিএমএলে মেগা মেনু একটি আধুনিক এবং নূন্যতম শৈলীতে যা দেখা যায় তার থেকে আলাদা।

আরেকটি মেনু ধারণা

মেনু ধারণা

আরেকটি মেনু ধারণা আদর্শ বিকল্প যদি হয় আপনি একটি ভিন্ন এবং মূল মেনু খুঁজছেনআইকনের একটি কাস্টম মেনু এবং শ্রমসাধ্যভাবে তৈরি অ্যানিমেশনটিতে এটি কেবল দুর্দান্ত ধন্যবাদ।

উপাদান ডিজাইন মেনু

উপাদান

উপাদান ডিজাইন মেনু এটা হল গুগলের ডিজাইন ভাষার উপর ভিত্তি করে। 

বার্গার মোবাইল মেনু

বার্গার

Un হ্যামবার্গার মেনু মোবাইল অপ্টিমাইজড এবং এটি HTML, CSS এবং জাভাস্ক্রিপ্টে সম্পন্ন হয়েছে।

Velocity.js পূর্ণ স্ক্রিনের ফ্লেক্সবক্স

বেগ

Velocity.js পূর্ণ স্ক্রিনের ফ্লেক্সবক্স একটি মেনু হয় প্রাপ্ত প্রভাবের মধ্যে প্রচুর গুণমান এবং এর প্রায় অনন্য ব্যবহারকারীর অভিজ্ঞতার জন্য। বেগ .js সহ পূর্ণ স্ক্রীন ফ্লেক্সবক্স।

সম্পূর্ণ পৃষ্ঠা অফ ক্যানভাস

পুরো পাতা

সম্পূর্ণ পৃষ্ঠা অফ ক্যানভাস একটি উচ্চ-মানের, পূর্ণ-স্ক্রিন মেনু যা প্রদর্শনের জন্য পুরোপুরি কাজ করে কিভাবে একটি ওয়েবসাইট তৈরি করতে হয় এই মান সহ।

হোভার মেনু লাইন প্রভাব

বাতাসে ভাসিতে থাকা

Un হোভার মেনু সাধারণ লাইন প্রভাব এবং খুব সুন্দর।

সিএসএস ক্লিপ-পাথ মেনু ধারণা

সিএসএস মেনু ধারণা

আরেকটি ধারণা ক্লিপ-পথ সহ মেনু খুব কৌতূহলী হোভার এবং কিছু অ্যানিমেটেড বিভাগের সমন্বয়ে।

স্ট্রাইকথ্রু হোভার

ধর্মঘট

স্ট্রাইকথ্রু হোভার এটি অন্য মেনু কৌতূহলী লিঙ্কের জন্য ঘোরা ফলাফল.

লাভালাম্প সিএসএস মেনু

লাভা বাতি

লাভালাম্প সিএসএস মেনু এক রয়েছে প্রতিটি লিঙ্কের জন্য অ্যানিমেশনটি হোভার করুন এটি গতিশীলতার জন্য নিজেকে ধার দেয়।

নেভিগেশন স্লাইডার

ক্লিন স্লাইডার

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

মোবাইল মেনু নেভিগেশন

মোবাইল মেনু

Un বার্গার মেনু নেভিগেশন মোবাইল ডিভাইস লক্ষ্য দুর্দান্ত প্রভাব।

আইফোন এক্স মোবাইল মেনু ধারণা

আইফোন এক্স

 

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

সাবমেনু মোবাইলের জন্য প্রসারিত করুন

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

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

অ্যানিমেটেড মোবাইল নেভিগেশন

অ্যানিমেটেড

Otro মোবাইলের জন্য অ্যানিমেটেড মেনু দুর্দান্ত চাক্ষুষ ফলাফল সহ একটি বিজ্ঞপ্তি অ্যানিমেটেড পটভূমি সহ।

স্ক্রোলিং এবং হোভার ইফেক্ট সহ মেনু

স্ক্রোল হোভার

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

মোবাইল ফিল্টার মেনু

ফিল্টার

Un ফিল্টার মেনু মোবাইল ওয়েব সংস্করণে রূপান্তরিত হয়েছে এবং মোবাইলের উদ্দেশ্যে।

ক্যানভাস বন্ধ নেভিগেশন

ক্যানভাস বন্ধ

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

লুকানো সিএসএস সাইড মেনু

লুকানো মেনু

Un সিএসএসে সাইড মেনু কি লুকানো আছে এবং তাই হ্যামবার্গার আইকন সহ প্রদর্শিত হবে।

স্থির নেভিগেশন সাইডবার

স্থির

ব্যবহারসমূহ ফ্লেক্সবক্সের পরিবর্তে বুটস্ট্র্যাপ করুন আইই 9/10 সমর্থন। এর জন্য আরও একটি দুর্দান্ত মেনু স্থির নেভিগেশন সাইডবার তার ধারণা।

মরফিং ট্যাব

চালাতে

মরফিং ট্যাব এটি একটি মেনু ড্রপডাউন যা ঘটে যখন আপনি টিপুন প্রধান ট্যাব বোতামে।


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

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

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

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

*

*

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

  1.   জাভিয়ের তিনি বলেন

    হ্যালো আমি এই পৃষ্ঠায় পাওয়া বিভিন্ন মেনুগুলিকে খুব আকর্ষণীয় মনে করি, আমার প্রশ্ন মেনুর জেএস ফাইলগুলি কীভাবে ইনস্টল করবেন? ব্রাউজারের উপাদানগুলি পর্যবেক্ষণ করে আমি বলেছি যে জেএস রয়েছে সেগুলি কোনও কাজ করে না, বা ইনস্টল করতে পারে না এমন কোনও মেনু তৈরির চেষ্টা করে বলেছি যে প্রথম প্রদর্শিত ফাংশনটি সংজ্ঞায়িত করা হয়নি এবং তাই সমস্ত মেনুতে

  2.   এদুয়ার্দো তিনি বলেন

    দুর্দান্ত অবদান :)