কীভাবে সিএসএস  ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড রং পরিবর্তন  তৈরি করা যায় ?

সিএসএস  ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড রং পরিবর্তন তৈরি করা শিখব ।

প্রায় জিজ্ঞাসিত প্রশ্ন:
কীভাবে সিএসএস  ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড রং পরিবর্তনীয় সিএসএস তৈরি করা যায় ?

কীভাবে সিএসএস  ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড রং পরিবর্তন তৈরি করা যায়?

কীভাবে সিএসএস  ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড কালার চেঞ্জ তৈরি করা যায় ?

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

🍃




১. এইচটিএমএল অংশ তৈরি
  
আমরা যেগুলো  সিএসএস  ব্যবহার করে অটোমেটিক ব্যাকগ্রাউন্ড রং পরিবর্তন এর ভিতরে রাখব। সেগুলো আমাদের    <html>  ট্যাগের মধ্যে রাখতে হবে ।

 

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

  অযথা কন্টেন্ট বড় না করার জন্য এখানে শুধুমাত্র আপনাকে কী পরিবর্তন করতে হবে তাই শিখাব । প্রত্যেক লাইন ভেঙে ভেঙে বা আলাদা করে তৈরি বা শিখানো খুবই কষ্টসাধ্য ব্যাপার । আপনার যদি কোথাও সমস্যা হয় তবে আপনি আমাকে জানাতে পারেন । এখন আমরা ব্যাকগ্রাউন্ড রং পরিবর্তন করতে শিখব।  নিচে খেয়াল করুন -
১ । animation: bgcolor infinite 49s;
এখানে আমরা ৪৯ সেকেন্ড ব্যাকগ্রাউন্ড রং পরিবর্তন হবে সেই সময় নির্বাচন করেছি।

২। @keyframes bgcolor{
0%{background:  red ;}
5%{background:  blue ;}
10%{background: purple ;}
15%{background: brown ;}
20%{background: pink ;}
25%{background: yellow ;}
30%{background: skyblue;}
35%{background: darkred;}
40%{background: black;}
45%{background: green;}
50%{background: lightpink;}
55%{background: yellowgreen;}
60%{background: seagreen ;}
65%{background: wheat;}
70%{background: #aaff33;}
75%{background: #3ac54d;}
80%{background: #2daa23;}
85%{background: #ffddaa;}
90%{background: #aa22ee;}
95%{background: #cc55ff;}
100%{background: #3cdd;}}

হার অনুসারে রং নির্বাচন করুন যা প্রদর্শিত হবে।





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


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


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









    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!