hue-rotate ফাংশন
hue-rotate ফাংশনটি
রং বৃত্তে হিউ ঘুরানোর মাধ্যমে
ব্যাকগ্রাউন্ড ইমেজের হিউ পরিবর্তন করতে
সাহায্য করে। প্রপার্টির মান ডিগ্রীতে উল্লেখ করা হয়, যা
রং বৃত্তের কোণ নির্দেশ করে। 0 বা 360 মান নির্দেশ করে,
যে ইমেজটি অপরিবর্তিত থাকবে, এবং এই
সীমার ভিতরে থাকা যেকোনো সংখ্যা ব্যাকগ্রাউন্ডের হিউ পরিবর্তন করে।
ডিফল্ট মান হল 0deg।
সিনট্যাক্স
সিলেক্টর {
filter: hue-rotate(কোণ);
}
উদাহরণ
আসুন আমাদের ইমেজের জন্য হিউ
150deg সেট করি:
<div id="elem"></div>
#elem {
filter: hue-rotate(150deg);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
উদাহরণ
এখন ইমেজের হিউ
50deg সেট করি:
<div id="elem"></div>
#elem {
filter: hue-rotate(50deg);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
উদাহরণ
আসুন প্রপার্টিতে কোনো মান সেট না করি:
<div id="elem"></div>
#elem {
filter: hue-rotate();
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
আরও দেখুন
-
blurফাংশন,
যা ব্যাকগ্রাউন্ডকে ব্লার করে -
brightnessফাংশন,
যা ব্যাকগ্রাউন্ডের ব্রাইটনেস সেট করে -
contrastফাংশন,
যা ব্যাকগ্রাউন্ডের কনট্রাস্ট সেট করে -
drop-shadowফাংশন,
যা ব্যাকগ্রাউন্ডে শ্যাডো যোগ করে -
invertফাংশন,
যা ব্যাকগ্রাউন্ডের রং ইনভার্ট করে -
opacityফাংশন,
যা ব্যাকগ্রাউন্ডের অস্পষ্টতা সেট করে -
sepiaফাংশন,
যা ব্যাকগ্রাউন্ডকে সেপিয়াতে রূপান্তরিত করে -
backgroundপ্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য একটি শর্টহ্যান্ড প্রপার্টি -
background-imageপ্রপার্টি,
যার সাহায্যে একটি ব্লকে ব্যাকগ্রাউন্ড ইমেজ সেট করা যায় -
filterপ্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য স্টাইল নির্ধারণ করে
