new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS · Utilities reference · all subjects

filter-hue-rotate

6 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

hue-rotate utility class syntax

The hue-rotate-<number> utility applies filter: hue-rotate(<number>deg); to an element. Use classes like hue-rotate-15, hue-rotate-90, hue-rotate-180, and hue-rotate-270 to rotate the hue by a specific number of degrees.

Negative hue-rotate utility syntax

The -hue-rotate-<number> utility applies filter: hue-rotate(calc(<number>deg * -1)); to an element. Use classes like -hue-rotate-15, -hue-rotate-45, and -hue-rotate-90 to rotate the hue in the negative direction.

hue-rotate custom property syntax

The hue-rotate-(<custom-property>) utility applies filter: hue-rotate(var(<custom-property>)); to an element, allowing you to use CSS custom properties for hue rotation values.

hue-rotate arbitrary value syntax

The hue-rotate-[<value>] utility applies filter: hue-rotate(<value>); to an element, allowing you to use arbitrary values for hue rotation such as hue-rotate-[3.142rad].

hue-rotate example with negative values

Example showing hue-rotate utilities with negative degree values: <img class="-hue-rotate-15" src="/img/mountains.jpg" /> <img class="-hue-rotate-45" src="/img/mountains.jpg" /> <img class="-hue-rotate-90" src="/img/mountains.jpg" />

hue-rotate responsive design support

The hue-rotate utility supports responsive design with breakpoint prefixes, allowing you to change the hue rotation at different screen sizes.

Give your agent this brain