কম্পিউটার

CSS3 ব্যবহার করে ছবিতে হিউ রোটেশন প্রয়োগ করা


CSS3 এর সাথে একটি ছবিতে হিউ রোটেশন প্রয়োগ করতে, ফিল্টার প্রপার্টির জন্য হিউ-রোটেট মান ব্যবহার করুন।

উদাহরণ

আসুন একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: hue-rotate(45deg);
}
</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. পিলো লাইব্রেরি ব্যবহার করে একটি ছবিতে মিডিয়ান ফিল্টার প্রয়োগ করা হচ্ছে

  2. পিলো লাইব্রেরি ব্যবহার করে একটি ছবিতে মোডফিল্টার প্রয়োগ করা হচ্ছে

  3. পিলো লাইব্রেরি ব্যবহার করে একটি ছবিতে ম্যাক্সফিল্টার প্রয়োগ করা হচ্ছে

  4. পিলো লাইব্রেরি ব্যবহার করে একটি ছবিতে MinFilter প্রয়োগ করা হচ্ছে