কম্পিউটার টিউটোরিয়াল

CSS দিয়ে ব্যাকগ্রাউন্ড ইমেজ রিপিট বন্ধ করা

CSS background-image প্রপার্টি দিয়ে ব্যাকগ্রাউন্ড ইমেজ দিলে সেটি ডিফল্টভাবে হরিজন্টালি ও ভার্টিক্যালি রিপিট হয় (কারণ background-repeat: repeat ডিফল্ট)।

রিপিট বন্ধ করতে no-repeat ব্যবহার করুন:

body { 
  background-image: url("path-to-image.jpg"); 
  background-repeat: no-repeat; 
}

এখন ব্যাকগ্রাউন্ড ইমেজ শুধু একবার দেখাবে!

  1. CSS দিয়ে ইমেজ শেক/উইগল ইফেক্ট তৈরি

  2. CSS দিয়ে স্টিকি ইমেজ তৈরি

  3. CSS দিয়ে ইমেজে বর্ডার যোগ করা

  4. CSS দিয়ে ইমেজে বাটন যোগ করা