The CSS anchor() function takes an anchor element’s side and resolves to the <length> where it is positioned. It can […]

.target { top: anchor(--my-anchor bottom); }

The CSS anchor-size() function takes an anchor element and resolves to its width or height <length>, essentially returning an anchor’s […]

.target { width: anchor-size(width); }

The CSS attr() function enables you to pass the value of an HTML attribute over to CSS.

.element { color: attr(data-color type()); }

The acos() trigonometric function takes a number and returns its inverse for the cos() function.

.element { rotate: acos(0.5) }

The asin() trigonometric function takes a number and returns its inverse for the sin() function.

.element { rotate: asin(-0.5); }

The atan() trigonometric function takes a number and returns its inverse for the tan() function

.element { rotate: atan(1); }

The atan2() trigonometric function takes two values (Y, X) and returns its inverse for the atan() function.

.element { rotate: atan2(200px, 200px); }