CSS hue-rotate() ফাংশন

পূর্ববর্তী পৃষ্ঠা CSS hsl() ফাংশন
পরবর্তী পৃষ্ঠা CSS hwb() ফাংশন
একটি স্তর উপরে CSS ফাংশন রেফারেন্স ম্যানুয়েল

সংজ্ঞা ও ব্যবহার

CSS- hue-rotate() ফিল্টার ফাংশন মাট্রিকসের রঙ পরিবর্তন অ্যাপ্লাই করে

উদাহরণ

উদাহরণ 1

ছবিতে ভিন্ন রঙের পরিবর্তন নিশ্চিত করুন:

#img1 {
  filter: hue-rotate(200deg);
}
#img2 {
  filter: hue-rotate(90deg);
}
#img3 {
  filter: hue-rotate(-90deg);
}

স্বয়ং প্রয়াস করুন

উদাহরণ 2

প্রয়োগ করুন hue-rotate() সঙ্গে backdrop-filter প্রয়োগকারী আইটেমস:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: hue-rotate(90deg);
  backdrop-filter: hue-rotate(90deg);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

স্বয়ং প্রয়াস করুন

CSS সংজ্ঞা

hue-rotate(angle)

মান	বর্ণনা
angle	অপশনাল। একটি কোণ সংজ্ঞায়িত করুন যা এক্তিব শ্যামপ্লেট টোনের অপরিবর্তিত পরিবর্তনকে নির্দেশ করে পজিটিভ মান টোন মান বাড়ায়, নেগেটিভ মান টোন মান কমায় 0deg প্রকৃত ছবিটি (কোনো প্রভাব নেই) নির্দেশ করে ডিফল্ট মান 0।

মান

বর্ণনা

angle

অপশনাল। একটি কোণ সংজ্ঞায়িত করুন যা এক্তিব শ্যামপ্লেট টোনের অপরিবর্তিত পরিবর্তনকে নির্দেশ করে

পজিটিভ মান টোন মান বাড়ায়, নেগেটিভ মান টোন মান কমায়

0deg প্রকৃত ছবিটি (কোনো প্রভাব নেই) নির্দেশ করে

ডিফল্ট মান 0।