<tan>
Calculates the tangent of an angle. Useful for complex geometric translations or rotations directly in CSS.
Syntax
/* Usage Example */
.skewed-box {
/* Uses tangent to calculate a precise skew based on a custom property angle */
transform: matrix(1, 0, tan(var(--angle)), 1, 0, 0);
}<tan> Browser support
Widely available
Since
2023 92% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
111+
108+
15.4+
111+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more