The CSS tan() function takes a calculation that resolves to either an <angle> or <tnumber> and returns the result’s tangent, which ranges between -Infinity and Infinity.

.element { transform: translateY(calc(tan(15deg * var(--i)) * 5dvh)); }