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

CSS দিয়ে ছবি হোভারে নীল ছায়া প্রদর্শন করুন


ছবি হোভারে ছায়া দেখাতে CSS box-shadow প্রপার্টি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          img {             border: 2px solid orange;             border-radius: 3px;             padding: 7px;          }          img:hover {             box-shadow: 0 0 2px 2px blue;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">    </body> </html>

  1. CSS দিয়ে ইমেজ ওভারলে টাইটেল হোভার ইফেক্ট তৈরি

  2. CSS দিয়ে ইমেজ ওভারলে জুম হোভার ইফেক্ট তৈরি

  3. CSS দিয়ে ইমেজ ওভারলে হোভার স্লাইড ইফেক্ট তৈরি

  4. CSS দিয়ে হোভারে এলিমেন্ট প্রদর্শন করার পদ্ধতি