কীভাবে এইচটিএমএল, সিএসএস  ব্যবহার করে সিএসএস ক্লাউড অ্যানিমেশন  তৈরি করা যায় ?


এইচটিএমএল, সিএসএস ব্যবহার করে সিএসএস ক্লাউড অ্যানিমেশন তৈরি করা শিখব ।

প্রায় জিজ্ঞাসিত প্রশ্ন:

কীভাবে এইচটিএমএল, সিএসএস ব্যবহার করে সিএসএস ক্লাউড অ্যানিমেশন  তৈরি করা যায় ?


কীভাবে এইচটিএমএল, সিএসএস ব্যবহার করে সিএসএস ক্লাউড অ্যানিমেশন হবে কিন্তু টেক্সট স্লাইড হবে না এমন অ্যানিমেশন তৈরি করা যায়?


কীভাবে এইচটিএমএল, সিএসএস  ব্যবহার করে সক্রিয় সিএসএস ক্লাউড অ্যানিমেশন তৈরি করা যায় ?


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

Source Code:
🍃




১. এইচটিএমএল এবং এসভিজি অংশ তৈরি
  

আমরা যেগুলো  সিএসএস ক্লাউড অ্যানিমেশন এর ভিতরে রাখব। সেগুলো আমাদের     <svg> এবং <h1> ট্যাগের মধ্যে রাখতে হবে ।

h1 ট্যাগের মধ্যে আপনি clouds of aether পরিবর্তন করুন ।

বিশেষ দ্রষ্টব্য : এখানে বেশি কিছু কাস্টমাইজেশন করা লাগবে না, আর যদি আপনার প্রয়োজন হয় তাহলে আপনি নিজে অনেক কিছু যুক্ত করতে পারেন । কোনো সমস্যা হলে আমাকে জানাতে পারেন ।


 ২ সিএসএস অংশ তৈরি ।


  অযথা কন্টেন্ট বড় না করার জন্য এখানে শুধুমাত্র আপনাকে কী পরিবর্তন করতে হবে তাই শিখাব । প্রত্যেক লাইন ভেঙে ভেঙে বা আলাদা করে তৈরি বা শিখানো খুবই কষ্টসাধ্য ব্যাপার । আপনার যদি কোথাও সমস্যা হয় তবে আপনি আমাকে জানাতে পারেন । এখন আমরা ব্যাকগ্রাউন্ড রং পরিবর্তন করতে শিখব : নিচে খেয়াল করুন ।
background:#79ABFF;

এখানে আপনি যে ব্যাকগ্রাউন্ড রং যুক্ত করতে চান । সেই রং নির্বাচন করুন ।


রেজাল্ট বা ফলাফল :





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


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








    My Talk:

    Thank you for reading this blog.
    Hi, Assalamualaikum! I am Sheikh Jubayer. I want to say something. Actually I have written this article or content or blog with a lot of difficulty, thinking and taking a lot of time. However, there may be some spelling or sentence mistakes. I hope you will see the apology in a good light. Hope you benefited. However, if there is any problem, leave a comment. I will try to answer your question properly. Thank you!