ওয়েব ডিজাইনের জন্য 23 উচ্চমানের সিএসএস লাইব্রেরি

সিএসএস

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

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

ঝাপসা মেনু

দাগ

উনা উজ্জ্বলভাবে অপ্টিমাইজড ডেমো যার মধ্যে আপনি সাতটি উদাহরণ খুঁজে পেতে পারেন। তারা CSS3 রূপান্তর ব্যবহার করে এবং একটি উচ্চমানের ঝাপসা প্রভাব তৈরি করতে বিভিন্ন নির্বাচকদের ব্যবহারে দুর্দান্ত বুদ্ধি কী হবে।

CSS3D মেঘ

মেঘ

শুধুমাত্র তাই এই ডেমো উপর ঘোরা, আপনি এই সিএসএস লাইব্রেরি দ্বারা প্রাপ্ত দুর্দান্ত প্রভাব অভিজ্ঞতা করতে সক্ষম হবেন। সর্বোপরি, সেই মেঘগুলি পুরো গতিতে রয়েছে। এটি CSS3 3 ডি ট্রান্সফর্ম পাশাপাশি জাভাস্ক্রিপ্ট ব্যবহার করে। লিঙ্কটি থেকে আপনি প্রতিটি পদক্ষেপের সন্ধান করতে যেখানে টিউটোরিয়ালটি অ্যাক্সেস করতে পারেন।

খাঁটি সিএসএসে লোগো

লোগো

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

জান কাদেরের নেভিগেশন বার

জানুয়ারি

কোডেপেন.ইও থেকে আমাদের রয়েছে 3 ডি এই নেভিগেশন বার অ্যাক্সেস এটি আশ্চর্যজনকভাবে চলে আসে এবং যা থেকে আমরা এর কোডটি পুরোপুরি জানতে পারি। এই লাইব্রেরিটির বিশেষত্বটি হ'ল এটি কেবল 65 টি লাইন নিয়ে গঠিত। নতুন CSS3 বৈশিষ্ট্য গভীরতার ক্ষেত্রের প্রভাবের সাথে উপস্থিত রয়েছে।

চিত্র প্যানেল গ্লাইডিং

সহচরী

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

ডাবল রিং

ডাবল রিং

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

flexbox

আনমন

ফ্লেক্সবক্সগুলি কোনও পৃষ্ঠায় কলাম প্রদর্শন করার নতুন সিএসএস উপায়। ক মোটামুটি ব্যাপক গাইড এই পাত্রে বুঝতে।

একটি বর্ণময় নেভিগেশন মেনু

আমার অ্যাকাউন্ট

আপনার অ্যাক্সেস আছে এই নেভিগেশন মেনুটির জন্য সমস্ত এইচটিএমএল এবং সিএসএস যিনি রঙের জন্য প্রচুর ভালবাসা বলে থাকেন। এটি সম্পূর্ণ সিএসএসে তৈরি করা হয়েছে যাতে আপনি এই ভাষায় নিজেকে নিমগ্ন করতে পারেন can

সিএসএস 3 এ অগ্রগতি বার

barras

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

Animate.css

সজীব

গিটহাবে জনপ্রিয়, এটি সিএসএসে পুরোপুরি সম্পন্ন হয়েছে. আপনি যে অ্যানিমেশনটি জানতে চান সেটি বেছে নিন এবং Animate.css-এ প্রভাব দেখতে আপনাকে শুধুমাত্র "এটি অ্যানিমেট" বোতামে ক্লিক করতে হবে। আপনি এটি ডাউনলোড করতে পারেন বা GitHub এ দেখতে পারেন।

স্পিনকিট

স্পিনকিট

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

বাটন

বোতাম

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

ফ্লিপসুইচ

ফ্লিপসুইচ

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

ইঙ্গিত। Css

সংকেতগুলি

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

colors.css

রং

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

Voxels.css

ভক্সেলস

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

টাইপোগ্রাফি

টাইপোগ্রাফি

উনা খাঁটি সিএসএস ফন্ট আপনার পরবর্তী প্রকল্পের জন্য হালকা হালকা নিখুঁত।

স্পিনার্স

স্পিনার্স

উনা অ্যানিমেশন বড় সংগ্রহ সিএসএস এবং এইচটিএমএলে আইকনগুলি লোড করা।

চার্জ লাইন সূচক

সূচক

সিএসএস জোড়ায় খাঁটি পাঠ্যসব ধরণের সূচক লোড করতে। আপনার ওয়েবসাইটের জন্য প্রয়োজনীয় এবং সঠিক সূচকটি খুঁজে পাওয়ার দুর্দান্ত উত্স।

সিএসএস লোডার

সিএসএস লোডার

অন্য আইকন লোড করার জন্য ফন্ট যা সব ধরণের অ্যানিমেশনের জন্য কাস্টমাইজ করা যায়।

চিত্র হোভার

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

উনা স্কেলেবল সিএসএস লাইব্রেরি এবং সেই "হোভার" ক্লাসের জন্য ইমেজের সামান্য ওজন।

hue.css

অবনমিত

একটি উত্স 49 গ্রেডিয়েন্ট বা ফটোরিয়ালিস্টিক গ্রেডিয়েন্টস সমস্ত ধরণের সামগ্রী এবং চিত্রগুলির জন্য।

বাস্তবে পরিণত করা

উপাদান

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

অ্যাপয়েন্টমেন্ট মিস করবেন না অত্যন্ত সমাপ্ত ওয়েব দিয়ে বিরূদ্ধে এসভিজি ইমেজ.


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

মন্তব্য করতে প্রথম হতে হবে

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

আপনার ইমেল ঠিকানা প্রকাশিত হবে না।

*

*

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