২০ টি রেসপন্সিভ CSS Loader! অ্যানিমেটেড লোডার!

তো চলে এলাম আরো একটি কোডিং পোস্ট নিয়ে। আমি যেটা জানি সেটাই আপনাের মাঝে শেয়ার করি। যদি কোডিং বিষয়ে কোনো সাহায্য লাগে বলবেন।

তো আজকের পোস্টে ২০ টি Loader এর Css কোড শেয়ার করবো। যেগুলো দেখতে অনেক সুন্দর এবং অ্যানিমেশন সহ যুক্ত আছে। অ্যানিমেশনই ছাড়া লোডার সুন্দর হয় না তাই এগুলোতে অ্যানিমেশন থাকছেই। যেগুলো অ্যানিমেটেড ওয়েবসাইট সেগুলোতে লোডার এর সবথেকে বেশি প্রয়োজন হয়। কাজের সময় লোডার পাওয়া যায় না। Ai কে বলবে Ai মনের মতো করে না আর করতে করতে অনেক সময় লাগায় ফেলে। তাই আমি আপনাদপর মাঝে লাইভ ভিডিও ডেমো সহ কোড দিবো যাতে আপনার ওয়েবসাইটে ব্যবহার করতে পারেন। আর ডেভলপার হয়ে থাকলে তো এগুলো আপনার লাগবেই।

লোডার একটি ওয়েবসাইটের সব ডাটা ঠিক মতো লোড করার জন্য ব্যবহার করা হয় জাতে ওয়েবসাইটের ডাটা ঠিক মতো লোড হয়ে সবাই সবকিছু ভালো মতো দেখতে পায়। আর কেউ ওয়েবসাইট সুন্দর করার জন্য ও লোডার ব্যবহার করে থাকে।

Trickbd তে ডিরেক্ট কোড দেওয়া যাবে না। তাই Codepen Link আছে সেগিলো দিলাম। Codepen কত বড় ওয়েবসাইট এটা বেশির ভাগ ডেভলপারই জেনে থাকবে।

কোড – 1

লাইভ ডেমোঃ

ডেমো এবং কোডঃ

Codepen Link