খুব অল্প CSS কোড দিয়ে কিভাবে ফ্লাস টেক্সট বানাবেন - এটা কি কাজে ব্যবহার হয়

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

যারা একদম নতুন শিখছেন তারা CSS সম্পর্কে একটু পড়ে নিন । যারা পারেন তাদের পড়ার দরকার নাই । ওয়েবসাইটে CSS বেশ কয়েকটি উপায়ে ব্যবহার করা যায় -

• External CSS
• Internal CSS
• Inline CSS

External CSS: অন্যকোনো সোর্স থেকে লিংকের মাধ্যমে ব্যবহার করা হয় । যেমনঃ 

<link rel="stylesheet" href="www.itstarbd.com/h1-style.css"> 

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

Internal CSS: এটা ওয়েবসাইটের ভেতরেই থাকবে । যেমনঃ

<style> 

h1 { color: maroon; } 

</style>

Inline CSS:

Subject এর সাথেই থাকবে । যেমনঃ

<h1 style="color:maroon;">This is a heading</h1>

এবার মূল পোষ্টে ফিরে আসি, এটাই ফ্লাস বা ব্লিংক এর কোড -

/* blinking effect */
.blinking {
  background:red;
  font-size: 10px;
  padding:3px;
  border-radius: 50px;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

HTML Code - 

<span class="blinking"> TEXT HERE </span>

শুরুতে বলেছিলাম এটার ব্যবহার কি পরে বলছি আসুন দেখে নেয়া যাক , একটা প্রিভিউ দেখাবো ব্যবহারটা বুঝে নিবেন ।

Preview - বর্তমানে রাসেল ভাইপার এর উপদ্রব বাংলাদেরশে বেশি আকারে বেড়েছে । New Update