ক্যাসকেডিং বা ড্রপডাউন মেনুগুলি ওয়েবসাইট যে কোনও ধরণের জন্য প্রয়োজনীয়। বিশেষত যাঁদের দর্শনার্থীর দ্বারা ডেটা প্রবর্তনের প্রয়োজন, যেমন লিঙ্গ নির্বাচন করা বা শার্টের রঙ নির্বাচন করার মতো সাধারণ কিছু যা আপনি আমাদের ইকমার্সে কিনতে যাচ্ছেন।
ক্যাসকেডিং মেনুগুলি এমন অন্যান্য উপাদান যা বর্তমান ওয়েব ডিজাইন মান অনুসরণ করতে আমরা আমাদের ওয়েবসাইটে আপডেট করতে পারি। সেই স্পর্শ এবং সেই সূক্ষ্মতা যা আমরা আমাদের ওয়েবসাইটের জন্য প্রস্তুত করেছি পুরো ওয়েব পরিবেশে আরও গুণমান যুক্ত করবে। আপনি সিএসএসে 16 টি ক্যাসকেডিং মেনু প্রবর্তন করা হচ্ছে এটি আপনার ওয়েবসাইটটি পুনর্নবীকরণের কাজে আসবে। আমরা মনে করি যে কারও কাছে জাভাস্ক্রিপ্টের কিছুটা অংশ থাকবে এবং সেই প্রয়োজনীয় এইচটিএমএলটিও ভুলে না গিয়ে।
জলপ্রপাত মেনু
এই জলপ্রপাত বা ড্রপডাউন মেনু এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট নিয়ে গঠিত। যদিও জাভাস্ক্রিপ্ট কোডটি খুব ছোট। এটি আকর্ষণীয় উপস্থিতি সহ একটি সহজ এবং সোজা সোজা জলপ্রপাত অ্যানিমেশন অন্তর্ভুক্ত করার জন্য এটি ডিজাইনের ভাষা হিসাবে বর্তমান মেটালিয়াল ডিজাইনের মান অনুসরণ করে। বিভিন্ন মেনু বিকল্পগুলি খোলার সময়, যখন আমরা তাদের উপর মাউস পয়েন্টারটি রেখে দিই তখন একটি গ্রাফিক হোভার ইফেক্ট থাকে।
JQuery সহ ড্রপডাউন মেনু
এই জলপ্রপাত মেনুটি বেশ সোজা, তবে এটি ডিজাইনে খুব মার্জিত। এটিতে প্রতিটি মেনুর নীল বর্ণকে উচ্চারণ করতে এবং খুব ধোঁক ছাড়াই একটি ক্যাসকেডিং অ্যানিমেশনের হওর রয়েছে। এটি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট (jQuery) দিয়ে তৈরি।
স্টাইল জলপ্রপাত মেনু
এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের এই ড্রপডাউন মেনুটি সেরা ডিজাইন করা ওয়েবসাইটগুলির একটি দ্বারা অনুপ্রাণিত: স্ট্রাইপ (ডিজিটাল কার্ড পরিষেবা)। মেনুগুলির উপর কোনও হভার নেই, তবে আমাদের ওয়েবসাইটের নকশা সম্পর্কে আমাদের উদ্দেশ্যগুলি পরিষ্কার করার জন্য একটি দুর্দান্ত নকশাকৃত অ্যানিমেশন। এর মানের জন্য প্রয়োজনীয় এবং আপনার ওয়েবসাইটের মেনুগুলি পুনর্নবীকরণের জন্য নিখুঁত।
অ্যানিমেটেড জলপ্রপাত মেনু
এই ড্রপডাউন মেনুটি এর ব্যবহারটি দেখানোর চেষ্টা করে বিলম্বিত অ্যানিমেশন প্রতিটি মেনুতে মাউস পয়েন্টার রেখে যাওয়ার সময় উপস্থিত প্রতিটি উপাদানের একটি। কয়েক দশমাংশ বিলম্বের সাথে, সেই বিলম্বের প্রভাবটি অর্জন করে যা এটি একটি খুব বিশেষ স্পর্শ দেয়।
ড্রপডাউন মেনু প্রভাব
যেন ক একটি ডেক থেকে কার্ড সিরিজ, এই জলপ্রপাত মেনুটির অ্যানিমেশন এটির জন্য খুব বিশেষ। খাঁটি সিএসএসের একটি দুর্দান্ত জলপ্রপাত প্রভাব effect এটি আপনার সাইটে এটি প্রয়োগ করতে আপনাকে কী করতে হবে তা আপনি ইতিমধ্যে জানেন।
মেনুতে জলপ্রপাত অ্যানিমেশন
একটি ড্রপডাউন মেনু অ্যানিমেশন দ্বারা আকর্ষণীয় এবং সেই নীল রঙের জন্য যা দাঁড়িয়ে আছে। বিবর্ণ এবং ভিতরে, অ্যানিমেশনটি মেনুটির বিভিন্ন বিভাগ উপস্থিত করে। এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টে তৈরি।
একটি সামান্য jQuery সহ: জলপ্রপাত মেনু
একটি ব্যক্তিগতকৃত এবং খুব সংক্ষিপ্ত ড্রপডাউন মেনু যা এটিতে কোনও ধরণের বিশদ নেই। সম্ভবত এর সরলতা এটি সর্বোত্তম এবং নিকৃষ্ট পয়েন্ট। এটি আপনার ওয়েবসাইট এবং আপনার আকাঙ্ক্ষার জন্য আপনার প্রয়োজনীয়তার উপর নির্ভর করবে। প্রচুর সিএসএস এবং কিছুটা জাভাস্ক্রিপ্ট।
মার্জিত জলপ্রপাত মেনু
পূর্ববর্তীটিতে যদি আমরা কিছু অ্যানিমেশন এবং আরও ভাল ডিজাইন মিস করি তবে এই ড্রপডাউন মেনু সিএসএসে তৈরি করার মতো সবকিছু রয়েছে এবং জাভাস্ক্রিপ্ট। অ্যানিমেশন এবং কমলা শেডিং প্রভাবটি প্রতিবার আমরা প্রতিটি বিভাগের উপর দিয়ে মাউস পয়েন্টারটি রেখে দিচ্ছি। তালিকার সেরা একটি।
সিএসএসে ড্রপডাউন মেনু
Un মিনিমালিস্ট জলপ্রপাত মেনু এবং এটি সিএসএসে নিখুঁতভাবে ডিজাইন করা হয়েছে। সাধারণ অ্যানিমেশন, তবে ভাল না হয়ে যাতে ভাল না হয়। একটি মেনু যা নজরে না যায় এবং এটি বর্তমান ডিজাইনের মান অনুসরণ করে।
ড্রপডাউন মেনু
এই খাঁটি সিএসএস ক্যাসকেড মেনুটি অন্য অ্যানিমেশন দ্বারা ভাল পৃথক এটি প্রতিবারই আমরা মেনুতে ক্লিক করি। অ্যানিমেশন ডান দিক থেকে নিখুঁত সময় সঙ্গে উইন্ডো স্লাইড। পুরো তালিকার মধ্যে আকর্ষণীয় আরেকটি।
সাধারণ জলপ্রপাত মেনু
এই মেনুটি মূলতে সহজ এবং এইচটিএমএল এবং সিএসএস সমন্বিত। এটি সেই মেনুগুলির মধ্যে একটি যা আমাদের আমাদের ওয়েবসাইটের সেই গুরুত্বপূর্ণ উপাদানটি আপডেট করার অনুমতি দেয় বেশি ক্যান্ট দেবেন না। আমি মনে করি এটির দ্বারা আমরা কী বোঝাতে চাইছি এটি ভালভাবে বোঝা গেছে।
অনুভূমিক মেনু নেভিগেশন
যদিও এটি ইতিমধ্যে পূরণ করা হয় তার 4 বছর, এই জলপ্রপাত মেনুটি একটি সুন্দর সৃজনশীল উপায়ে তার ঠিক পাশের অংশটিকে ওভারলে করে। আপনি যদি অন্যরকম কিছু সন্ধান করে থাকেন তবে এটি অন্য একটি যা আপনি তালিকা থেকে নির্বাচন করতে পারেন।
সিএসএসে ড্রপডাউন মেনু
খালি সিএসএসে এবং অন্য একটি মেনু এটি বেশ বর্ণিলকমপক্ষে উদাহরণে দেওয়া কাস্টমাইজেশনে। সমতল রঙের সাথে, অ্যানিমেশনটি একটি ঘূর্ণায়মান শাটার প্রভাব প্রকাশ করে যা নির্বাচিত মেনুর বিভিন্ন বিভাগকে ড্রপ করে। সেই তালিকায় আরও একটি কৌতূহলী জলপ্রপাত মেনু যার একটি ভাল-নির্বাচিত থিম রয়েছে।
ছোট জেএস সহ জলপ্রপাত মেনু
এই ড্রপডাউন মেনুতে খুব সামান্য জাভাস্ক্রিপ্ট ব্যবহার করা হয়, যখন আমরা অন্য কোনও কিছুতে চলে যাই তখন স্বয়ংক্রিয়ভাবে মেনুটি বন্ধ করতে যথেষ্ট। হয় ভাল কাজ সময় অ্যানিমেশন প্রভাব এ ক্ষেত্রে সেরা এক হতে।
আর একটি খাঁটি সিএসএস ক্যাসকেডিং মেনু
অ্যানিমেশন সহ একটি ক্যাসকেডিং মেনু হাজারতমের জন্য খুব কমই দেরি হয় দ্বিতীয় সুতরাং এটি দর্শনার্থীর উপর নীতিগত প্রভাব তৈরি করে। সাধারণ পর্যায়ে বেশি ধোঁকা ছাড়াই হোভার এফেক্ট এবং একটি আকর্ষণীয় ড্রপডাউন মেনু।
ক্যাসকেড মেনু জিগ জ্যাগ ধারণা
আপনি যদি এই পোস্টের সম্পূর্ণ তালিকা ব্যতীত অন্য কোনও মেনু খুঁজছেন, তবে এই ড্রপডাউন মেনুতে আপনি অনুসন্ধান করতে পারেন এমন সমস্ত কিছুই রয়েছে। দ্য উত্পাদিত অ্যানিমেশনটি জিগজ্যাগ অন্য ধরণের অভিজ্ঞতা একটু পরীক্ষামূলকভাবে অফার করার জন্য। এটি কোনও ভিডিও গেম থিমের সাথে পুরোপুরি ফিট হতে পারে, সুতরাং আপনার কাছে যদি কিছু ধরণের ক্লায়েন্ট আলাদা কিছু খুঁজছেন তবে অবশ্যই এটি পুরো তালিকার মধ্যে সবচেয়ে উপযুক্ত। এর তির্যক আকার এবং দ্রুত অ্যানিমেশন এটিকে সব বলে।
আমরা আপনাকে ছেড়ে আপনার ওয়েবসাইটের জন্য সিএসএস মেনুগুলির এই সিরিজ যার একটি বড় সংখ্যা রয়েছে।