স্কেলেবল ভেক্টর গ্রাফিক্স (এসভিজি) এক্সএমএলে লিখিত একটি চিত্র ফর্ম্যাট। এসভিজির সাহায্যে আপনি একটি দ্বি-মাত্রিক স্কেলযোগ্য গ্রাফিক্স কোড করতে পারেন। তারপরে, আপনি সেগুলি সিএসএস এবং জাভাস্ক্রিপ্টে প্রয়োগ ও সংশোধন করতে পারেন।
এসভিজি তিন ধরণের গ্রাফিক্সের অনুমতি দেয়: ভেক্টর শেপ (সমস্ত দিক এবং আকারগুলিতে সোজা এবং বাঁকা লাইন), চিত্র এবং পাঠ্য। এর বিভিন্ন দক্ষতার কারণে, ওয়েব ডিজাইনারগণ জটিল অ্যানিমেশনগুলি তৈরি করতে এসভিজির দিকে ঘুরে। এগুলি ইনস্টল করা সহজ, পুনরায় আকার দেওয়ার সময় গুণটি হারাবেন না এবং কাজ করার জন্য কোনও তৃতীয় পক্ষের অ্যাপের প্রয়োজন নেই।
যেহেতু অ্যানিমেশনগুলি এখনও জনপ্রিয়তায় বৃদ্ধি পাচ্ছে, বেশিরভাগ তাদের সাথে পরিচিত নয়। এই নিবন্ধটি 20 টি দুর্দান্ত এসভিজি অ্যানিমেশনগুলিকে হাইলাইট করবে যা এই ফর্ম্যাটটির সম্ভাব্যতা দেখায়।
1. কেটন দ্বারা মেডিকেল এসভিজি আইকন
দ্রুত লিঙ্কগুলি
- 1. কেটন দ্বারা মেডিকেল এসভিজি আইকন
- 2. সানএমসি ক্যাফারি দ্বারা হোভার করুন
- ৩. নিকোল্যা তালানভের রিফ্রেশ টু টু রিফ্রেশ (পেপার প্লেন)
- ৪. ডায়াকো এম। লটফোল্লাহি কেবল চলুন
- ৫. এসভিজি ফিল্টারগুলি এইচটিএমএল 5 ভিডিওতে যুক্ত হয়েছে
- 6. জিগস ধাঁধা
- 7. প্যাট্রিক ইয়ং দ্বারা লাইনার গ্রেডিয়েন্ট
- ৮. জাজেপ্রেজাগুইনাগা যাতায়াত করি
- ৯.মহমাদ মহাবীফার লিখেছেন
- 10. লুইজি ডি রোসা দ্বারা অ্যানিমেটেড আইকন
- ১১. এসভিজিতে সমস্ত ডিভাইস ক্রিস গ্যানন
- 12. ক্রিস গ্যাননের জলপ্রপাত
- 13. ব্লেক বোয়েন দ্বারা উদ্ভিদ জেনারেটর
- 14. হামিশ উইলিয়ামসের ক্লিকযোগ্য আইকন
- 15. মার্কো বারিয়া দ্বারা নতুন কেক
- 16. ক্রিস গ্যানন দ্বারা প্রকাশিত পেপার শ্রেডার
- 17. গ্রাইহোস্ট দ্বারা লো পলিলিয়ন
- 18. লীলা দ্বারা হরগ্লাস লোডার
- 19. সারাহ ড্রসনার দ্বারা সাড়া জাগানো গরু
- 20. দোমনির দ্বারা ছাত্র
- তোমার পালা
এই উষ্ণ এবং মসৃণ অ্যানিমেশন স্বাস্থ্য সম্পর্কিত কোনও ওয়েবসাইটের জন্য দুর্দান্ত। আপনি বিভিন্ন থ্রেডের মাধ্যমে তালিকাভুক্ত করার সময় চিত্রগুলি সূক্ষ্মভাবে উপস্থিত হবে। অ্যাম্বুলেন্স গাড়ি বা পরমাণু তৈরি করবে, চোখ খুলবে, এবং ডাক্তার লাফিয়ে বেরিয়ে যাবে। এই অ্যানিমেশনটি এসভিজির সমস্ত মজাদার এবং গতিশীলতা দেখায়।
লিংক
2. সানএমসি ক্যাফারি দ্বারা হোভার করুন
ইউনিভার্সাল অ্যানিমেশন যা আপনি যে কোনও ইন্টারেক্টিভ ওয়েবসাইটে রাখতে পারেন। যখন আপনি ঘোরাবেন তখন সীমানার সূক্ষ্ম উপস্থিতি আপনাকে সন্তুষ্টিজনক অনুভূতির সাথে ছেড়ে দেয় এবং আপনাকে লিঙ্কটি ক্লিক করার জন্য আমন্ত্রণ জানায়।
লিংক
৩. নিকোল্যা তালানভের রিফ্রেশ টু টু রিফ্রেশ (পেপার প্লেন)
সাধারণত, পৃষ্ঠাগুলি রিফ্রেশ হবে যখন আপনি তাদের উপর "টানুন" ” এই অ্যানিমেশনটি এটি একটি নতুন স্তরে নিয়ে আসে। এটি ছেড়ে দেওয়ার জন্য যখন আপনি নীচে টানবেন, আপনি আকাশে একটি কাগজের বিমানটি চালু করবেন। আপনি যদি চান যে আপনার দর্শনার্থীরা আপনার অ্যাপ্লিকেশনটি প্রায়শই রিফ্রেশ করে, আপনার এই জাতীয় অ্যানিমেশন যুক্ত করার কথা বিবেচনা করা উচিত।
৪. ডায়াকো এম। লটফোল্লাহি কেবল চলুন
একটি এসভিজি অ্যানিমেশন যা স্কেলিং ভেক্টরের সম্ভাব্যতা দেখায়। মানুষের দেহের মসৃণ নির্ভুল চলাচল হিপনোটিজাইজ হয়।
লিংক
৫. এসভিজি ফিল্টারগুলি এইচটিএমএল 5 ভিডিওতে যুক্ত হয়েছে
গুগল ক্রোম দলটির পল আইরিশ তাকালো কীভাবে এসভিজি ভেক্টর গ্রাফিক্সের বাইরে সামগ্রী পরিবর্তন করতে পারে। তিনি সিএসএস এবং এসভিজিকে একত্রিত করে দেখিয়েছেন যে এসভিজি অ্যানিমেশনটি রেডিমেড ভিডিওতে দুর্দান্ত সংযোজন হতে পারে show
লিংক
6. জিগস ধাঁধা
আপনি এসভিজি অ্যানিমেশন সহ আশ্চর্যজনক ইন্টারেক্টিভ জিগস ধাঁধা তৈরি করতে পারেন। এই উদাহরণে, আমরা অনেকগুলি চিত্রের মধ্যে একটি চয়ন করতে পারি এবং দেখতে পারি কীভাবে এটি ধাঁধাটির অনেকগুলি ছোট টুকরোয় ডিকনস্ট্রাক্ট করে। আপনি এটি পুনর্গঠন করতে পারেন!
লিংক
7. প্যাট্রিক ইয়ং দ্বারা লাইনার গ্রেডিয়েন্ট
আপনি যদি নিয়ন লাইট এবং সুন্দর ফন্টের মধ্যে থাকেন তবে আপনি এই অ্যানিমেশনটি উপভোগ করবেন। এই কাজটি দেখায় যে কীভাবে আপনার একটি উজ্জ্বল অ্যানিমেশনের জন্য কোনও চলমান রেখাগুলির প্রয়োজন নেই, গ্রেডিয়েন্ট এফেক্ট সহ কেবল একটি দুর্দান্ত ফন্ট এবং সঠিক রঙের কোড।
লিংক
৮. জাজেপ্রেজাগুইনাগা যাতায়াত করি
দুটি জনপ্রিয় বিমান এবং একটি গরম এয়ার বেলুন বিশ্বের জনপ্রিয় ল্যান্ডমার্কের চারদিকে ঘোরে। এই অ্যানিমেশনটি বর্ণা .্য, আশাবাদী, এবং মন-উদ্দীপক। আপনি যদি এসভিজিতে দক্ষ হন তবে আপনি যা করতে পারেন তা এটি দেখায়।
লিংক
৯.মহমাদ মহাবীফার লিখেছেন
চলমান ঘড়ির একটি সাধারণ এসভিজি অ্যানিমেশন যা বর্তমান সময় দেখায়। এই অ্যানিমেশনটির জন্য পয়েন্টারগুলির মনোরম চলাফেরা এবং সংক্ষিপ্ত নকশাগুলি আশ্চর্য করে।
লিংক
10. লুইজি ডি রোসা দ্বারা অ্যানিমেটেড আইকন
আপনি যদি এই আইকনগুলির উপরে ঘুরে বেড়ান তবে আপনি অ্যানিমেশনগুলি ট্রিগার করবেন যা সাধারণ তবে কার্যকর। আপনি দেখতে পাচ্ছেন যে চিত্তাকর্ষক অ্যানিমেটেড আইকনটি তৈরি করতে আপনাকে আশ্চর্য কাজ করতে হবে না।
১১. এসভিজিতে সমস্ত ডিভাইস ক্রিস গ্যানন
একটি ওয়ান-টিক অ্যানিমেশন যা আমরা সবচেয়ে সৃজনশীল উপায়ে ব্যবহার করি এমন সমস্ত স্মার্ট ডিভাইসগুলির ওপরে চলে। ডেস্কটপ একটি ল্যাপটপ, ল্যাপটপকে একটি ট্যাবলেটে এবং তারপরে একটি স্মার্টফোনে পরিণত হবে।
লিংক
12. ক্রিস গ্যাননের জলপ্রপাত
ক্রিস গ্যাননের আরেকটি, এটি ফোমিং জলপ্রপাতের নীচে একটি ঝরঝরে প্রদর্শন। জলের চলাচল ঝরঝরে, আপনি অল্প অল্প অল্প অল্প ফোঁটা জল দেখতে পানিতে অ্যানিমেশনের সীমানা রেখে সমস্ত কিছুকে আরও বাস্তবসম্মত প্রদর্শিত হতে পারে।
লিংক
13. ব্লেক বোয়েন দ্বারা উদ্ভিদ জেনারেটর
এখন এটি অন্য কিছু। আপনি যখন 'তৈরি করুন' বোতামটি ক্লিক করেন, আপনি গাছগুলি বাড়তে এবং বাড়তে দেখবেন। প্রতিবার আপনি ক্লিক করার পরে, বিভিন্ন নিদর্শন গঠন করা হবে।
লিংক
14. হামিশ উইলিয়ামসের ক্লিকযোগ্য আইকন
আপনি যদি একবার এনিমেশনটিতে ক্লিক করেন তবে অন্য ইন্টারেক্টিভ এসভিজি। আপনি একবার ক্লিক করলে এটি "প্রেরণ" অ্যানিমেশনটি শুরু করবে।
লিংক
15. মার্কো বারিয়া দ্বারা নতুন কেক
আকর্ষণীয় অ্যানিমেশন যা স্তর দ্বারা একটি কেক স্তর তৈরি দেখায়। এটি একটি চিত্তাকর্ষক এসভিজি অ্যানিমেশনটি জন্মদিনের কার্ডের জন্য উপযুক্ত।
16. ক্রিস গ্যানন দ্বারা প্রকাশিত পেপার শ্রেডার
আপনি যদি কাগজের কুঁচকানো দেখতে উপভোগ করেন তবে আপনি এই অ্যানিমেশনটি উপভোগ করবেন যা কোনও যন্ত্রের বিরামহীন ক্রমে কাগজ দ্বারা মেশিনের কাটা কাগজ চিত্রিত করে।
লিংক
17. গ্রাইহোস্ট দ্বারা লো পলিলিয়ন
এটি একটি মন-উদ্দীপক চিত্র এবং অ্যানিমেশন যা সিংহের মাথা অ্যানিমেটেড বহুভুজের আকারে উপস্থিত এবং অদৃশ্য হয়ে উঠেছে।
লিংক
18. লীলা দ্বারা হরগ্লাস লোডার
আর একটি কার্যকর অ্যানিমেশন যা কেবল এসভিজি ব্যবহার করে। প্রতি 5 সেকেন্ডে, ঘড়িঘড়িটি উল্টে হয়ে একটি নতুন চক্র শুরু করবে।
লিংক
19. সারাহ ড্রসনার দ্বারা সাড়া জাগানো গরু
এটি একটি মজার ইন্টারেক্টিভ অ্যানিমেশন যা আপনাকে একটি গাভীতে ক্লিক করতে এবং চাঁদের চারপাশে টেনে আনতে দেয় যখন কোনও অবাক করা নভোচারী এটি দেখেন।
20. দোমনির দ্বারা ছাত্র
একজন উত্সাহী শিক্ষার্থী শেখার জন্য প্রস্তুত উপস্থিত! এটি একটি দুর্দান্ত অ্যানিমেশন যেখানে বইয়ের পৃষ্ঠাগুলি ঝরঝরে বাঁকছে। শিক্ষার্থী থেকে কোনও ঝলক নেই, তবে এই তালিকাটি শেষ করার জন্য এটি এখনও একটি পরিচ্ছন্ন অ্যানিমেশন।
লিংক
তোমার পালা
আপনার পছন্দের এসভিজি অ্যানিমেশনগুলি কী এই তালিকায় অন্তর্ভুক্ত নেই? নীচের মন্তব্যে আপনার বাছাই ভাগ করুন!
