hue-rotate ফাংশন

hue-rotate ফাংশনটি রং বৃত্তে হিউ ঘুরানোর মাধ্যমে ব্যাকগ্রাউন্ড ইমেজের হিউ পরিবর্তন করতে সাহায্য করে। প্রপার্টির মান ডিগ্রীতে উল্লেখ করা হয়, যা রং বৃত্তের কোণ নির্দেশ করে। 0 বা 360 মান নির্দেশ করে, যে ইমেজটি অপরিবর্তিত থাকবে, এবং এই সীমার ভিতরে থাকা যেকোনো সংখ্যা ব্যাকগ্রাউন্ডের হিউ পরিবর্তন করে। ডিফল্ট মান হল 0deg।

সিনট্যাক্স

cssসিলেক্টর {
  filter: hue-rotate(কোণ);
}

উদাহরণ

আসুন আমাদের ইমেজের জন্য হিউ 150deg সেট করি:

html<div id="elem"></div>

css#elem {
  filter: hue-rotate(150deg);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

এখন ইমেজের হিউ 50deg সেট করি:

html<div id="elem"></div>

css#elem {
  filter: hue-rotate(50deg);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

উদাহরণ

আসুন প্রপার্টিতে কোনো মান সেট না করি:

html<div id="elem"></div>

css#elem {
  filter: hue-rotate();
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

আরও দেখুন