تابع hue-rotate() در CSS برای تغییر رنگها به صورت چرخشی در فضا رنگی استفاده میشود. با این تابع میتوان رنگ عناصر، تصاویر و پسزمینهها را بدون تغییر سایر ویژگیها تغییر داد و افکتهای جذاب بصری ایجاد کرد. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع hue-rotate
hue-rotate(angle)- angle: زاویه چرخش رنگها بر حسب درجه (deg). مقدار 0 هیچ تغییری ایجاد نمیکند و 360 دوباره به حالت اولیه بازمیگردد.
مثال عملی تابع hue-rotate
.hue-box {
filter: hue-rotate(90deg);
width: 200px;
height: 200px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| angle | زاویه چرخش رنگها بر حسب درجه (0-360deg) |
نکات مهم
- تابع hue-rotate() بخشی از ویژگی filter در CSS است.
- میتوان برای تصاویر، پسزمینهها و عناصر متنی از آن استفاده کرد.
- زاویه rotation میتواند مثبت یا منفی باشد.
- ترکیب hue-rotate با توابع دیگر مانند brightness و contrast افکتهای حرفهای ایجاد میکند.
ادامه آموزش
برای یادگیری کامل افکتهای CSS و استفاده حرفهای از filterها، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع grayscale در CSS
آموزش بعدی: آموزش تابع max در CSS
دیدگاه و پرسش