ব্লগ, ই-বাণিজ্য এবং আরও অনেক কিছুর জন্য 27 টি বিনামূল্যে এইচটিএমএল এবং সিএসএস কার্ড

হোভার কার্ড

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

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

সূচক

ব্লগ কার্ড মজা # 1

কার্ড ফান

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

সিএসএস নিউজ কার্ড কেবল সিএসএস

নিউজ কার্ড

এই কার্ড সহ পটভূমি হিসাবে অপরিচিত জিনিস, এর মসৃণ অ্যানিমেশনটি প্রকাশ করে যা সামগ্রীটি প্রকাশ করে। এটি খাঁটি সিএসএস।

ব্লগ পোস্ট আইটেম

ব্লগ পোস্ট এটির উপর দিয়ে মাউস পয়েন্টার এনে ওয়েবের পূর্বরূপ। এটিতে সিএসএস এবং এইচটিএমএল রয়েছে সহজ সংমিশ্রনের জন্য।

ব্লগ কার্ড

ব্লগ কার্ড

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

প্রতিক্রিয়াশীল ব্যবসা কার্ড

প্রতিক্রিয়াশীল কার্ড

জন্য দাঁড়িয়েছে সামান্য অ্যানিমেশন কার্ডের চিত্রের উপর মাউস পয়েন্টারটি রেখে।

আর একটি ব্লগ কার্ড

ব্লগ হোভার কার্ড

উপস্থিত ঘোরাঘুরি করার সময় কার্ডের পাঠ্য একই.

ব্যবসা কার্ড

পরিদর্শন পত্র

উনা সরল কিন্তু বর্তমান কার্ড এইচটিএমএল এবং সিএসএসে ডেমো এবং কোড নিয়ে যান।

3 ডি বিজনেস কার্ড

3 ডি ফ্লিপ কার্ড

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

সিএসএস বিজনেস কার্ড

সিএসএস বিজনেস কার্ড

সিএসএসে একটি খুব আকর্ষণীয় ব্যবসা কার্ড 3 ডি মধ্যে ঘোরা আমরা এটি নীচে রেখেছি এমন মুহুর্তে মাউস পয়েন্টারটির প্রতিক্রিয়া জানিয়েছে এমন একাধিক ইউআরএল ঠিকানাগুলির পথ তৈরি করার জন্য।

কার্ড গ্রিড

গ্রিড কার্ড

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

থ্রিডি কার্ড প্রকাশিত হচ্ছে

3 ডি কার্ড

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

প্রতিক্রিয়াশীল মেটাল ডিজাইন কার্ড

মেটারিয়াল ডিজাইন

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

ফ্লেক্সবক্স কার্ড গ্রিড

flexbox

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

ক্লানস কার্ডগুলির সংঘর্ষ

গোষ্ঠী সংঘর্ষ

El জনপ্রিয় মোবাইল গেম এইচটিএমএল এবং সিএসএসে এর কার্ড রয়েছে আন্দ্রে মাদারাং দ্বারা তৈরি। আমরা তাদের মধ্যে একটি সুনির্দিষ্ট এবং অত্যন্ত চাক্ষুষ অ্যানিমেশন দিয়ে যেতে পারি।

ইকমার্সের জন্য স্লাইড কার্ড

প্রোডাক্ট কার্ড

একটি সঙ্গে চতুর অ্যানিমেশন, এই কার্ডগুলি সেগুলির সম্পর্কে কী তা জানতে আপনাকে তাদের উপাদানগুলির অনুসন্ধান করতে উত্সাহিত করে। ওমর ডসকির দুর্দান্ত নকশা সহ।

ইন্টারফেস ডিজাইন - পণ্য কার্ড

পণ্য UI

এগুলির নকশা করার জন্য একটি নিখুঁত কার্ড আমাদের ইকমার্সের পণ্য। এইচটিএমএল এবং সিএসএসে তৈরি।

পণ্য কার্ড

ইকমার্স পণ্য

একই কার্ড থেকে আমরা পারি বিভিন্ন ইমেজ মাধ্যমে যেতে পণ্য আরও ভাল দেখতে। এটিতে কার্ট বোতামে যুক্ত হওয়া অন্তর্ভুক্ত এবং এতে HTML, CSS এবং জাভাস্ক্রিপ্ট কোড রয়েছে।

নমনীয় পণ্য কার্ড

নমনীয় কার্ড

যেমন এর নামটি ইঙ্গিত করে, ফ্লেক্সবক্স ব্যবহার করে একটি আকর্ষণীয় অ্যানিমেশন তৈরি করতে যখন আমরা কার্টের বোতামে ক্লিক করুন।

ফ্লিপ কার্ড

ফ্লিপ কার্ড

একটি মসৃণ এবং কিছু কার্ডের জন্য ছোট কোড নিখুঁত অ্যানিমেশন। কয়েক মিনিটের মধ্যে আপনি এগুলি অন্তর্ভুক্ত করতে পারেন। সম্প্রতি কোডেপেন যুক্ত হয়েছে।

3 ডি পণ্য কার্ড হিসাবে কার্ড

3 ডি কার্ড

এই কার্ডগুলি যে নোট করা উচিত যেন আমাদের টেবিলে কার্ড সিরিজ ছিল had। পয়েন্টারটি বাকি রয়েছে এবং তারা জুম বাড়ায়, প্রতিটিকে ক্লিক করে এবং পণ্যের তথ্য দেখানোর জন্য কার্ডের পিছনে প্রদর্শন করে। আমরা আবার ক্লিক করি এবং এটি সামনে যেমন ছিল তেমন ছেড়ে দেয়। 3 ডি সি এস বৈশিষ্ট্য শেখার জন্য উপযুক্ত।

প্যারালাক্স কার্ড

প্যারাল্যাক্স কার্ড

একটি খুব চাক্ষুষ পরীক্ষা নজরকাড়া ফ্লিপ প্রভাব। এটি কী বলছে তা জানতে আপনি এটি দেখতে আরও ভাল।

কার্ডের জন্য হোভার ইফেক্ট

হোভার কার্ড

একটি সহজ প্রভাব কিন্তু ছদ্মবেশী ঘোরা কার্ড সম্পর্কে।

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

সাধারণ কার্ড

মারাত্মক বরং সহজ প্রভাব, তবে আমরা এটির দৃশ্যধারণের মুহুর্তে এটির দুর্দান্ত প্রভাব রয়েছে।

প্যারাল্যাক্স গভীরতা কার্ড

প্যারাল্যাক্স গভীরতা

এই কার্ড বহন করে শীর্ষে প্যারাল্যাক্স ধারণা নকশা দ্বারা কিছু খুব আকর্ষণীয় কার্ড গঠন। আপনি যখন আমাদের ব্লগের কয়েকটি বিভাগ নির্বাচন করেন তখন এটি ব্যবহারকারীর উপর প্রভাব কী তা আরও ভালভাবে বুঝতে আপনাকে এটি দেখতে হবে।

চলচ্চিত্রের জন্য ইউআই কার্ড

মুভি কার্ড

এর একটি কার্ড এইচটিএমএল দিয়ে তৈরি দুর্দান্ত লেআউট এবং সিএসএস

প্রোফাইল কার্ড

যোগাযোগ কার্ড

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

পোলারয়েড বান্ডিল কার্ড

পোলারয়েড

বৈশিষ্ট্য, ফিল্টার এবং সহ সিএসএস কাস্টম রূপান্তর পোলারয়েড গ্রুপযুক্ত কার্ডের এই সিরিজ তৈরি করা হয়; এই এসভিজি ইমেজ ওয়েবটি মিস করবেন না.


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

একটি মন্তব্য, আপনার ছেড়ে

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

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

*

*

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

  1.   Cristian তিনি বলেন

    ওয়ার্ডপ্রেস সহ কোনও পৃষ্ঠায় এই কার্ডগুলি সন্নিবেশ করা সম্ভব হবে