কম্পিউটার

CSS3 ব্যবহার করে চিত্রের স্যাচুরেশন সামঞ্জস্য করা


CSS3 দিয়ে ইমেজকে স্যাচুরেট করতে, ফিল্টার প্রপার্টির জন্য স্যাচুরেট প্রোপার্টি মান ব্যবহার করুন।

উদাহরণ

আসুন চিত্রগুলির সম্পৃক্তি সামঞ্জস্য করার জন্য একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: saturation(500%);
}
</style>
</head>
<body>
<h1>Learn Spring Framework</h1>
<img src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
<h1>Learn Spring Framework</h1>
<img class="demo" src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
</body>
</html>

আউটপুট

CSS3 ব্যবহার করে চিত্রের স্যাচুরেশন সামঞ্জস্য করা


  1. CSS3 ব্যবহার করে ছবির উজ্জ্বলতা সেট করা

  2. CSS3 ব্যবহার করে চিত্রগুলিতে সেপিয়া প্রভাব প্রয়োগ করা

  3. CSS3 লিনিয়ার এবং রেডিয়াল গ্রেডিয়েন্ট ব্যবহার করা

  4. কিভাবে জিম্প ব্যবহার করে চিত্রগুলির আকার পরিবর্তন করবেন