[Css Fun] এবার আপনার সাইটের Background Color Automatically পরিবর্তন হবে - BengaliTut.Com

Monday, March 11, 2019

[Css Fun] এবার আপনার সাইটের Background Color Automatically পরিবর্তন হবে


বন্ধুরা আজকে আমি আপনাদের সাথে এমন একটা Css Code শেয়ার করবো যা আপনার সাইটে বসালে সাইটের Background Color Automatic পরিবর্তন হবে কিছুক্ষণ পর পর। যেহেতু কালার অটোমেটিক কিছুক্ষণ পর পর পরিবর্তন হবে তাই আমি স্ক্রিনশট দিতে পারছি না। তাহলে বন্ধুরা চলুন দেখে আসি কিভাবে কোডটা আপনার সাইটে বসাবেন।
এটা তেমন কঠিন কাজ নয় শুধু নিচে দেওয়া কোডটা কপি করে আপনার সাইটের
<style> </style>
ট্যাগ এর মধ্যে বসিয়ে দিন, ব্যাস আর কিছু করা লাগবে না।
body { width:100%; height:100%; color:black; font-weight:bold; animation: myanimation 10s infinite; } @keyframes myanimation { 0% {background-color: red; } 25%{background-color: yellow; } 50%{background-color: green; } 75%{background-color: brown; } 100% {background-color: red; } }

কোড বসানোর পর আপনার সাইট ভিজিট করে দেখুন অবাক হয়ে যাবেন। তবে এটা সব ব্রাউজারে সাপোর্ট করবে না এটা শুধু সেসব ব্রাউজারে সাপোর্ট করবে যেসব ব্রাউজার জাভাস্ক্রিপ্ট সাপোর্ট করে।
কোডে এনিমেশন টাইম ১০ সেকেন্ড দেওয়া আছে আপনি ইচ্ছা করলে তা পরিবর্তন করতে পারেন।

No comments:

Post a Comment