HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

rotate3d

Description

The rotate3d function for CSS specifies a 3D rotation by the angle specified in last parameter about the [x,y,z] direction vector described by the first three parameters.

A direction vector that cannot be normalized, such as [0,0,0], will cause the rotation to not be applied.

Syntax

CSS

rotate3d()

Values

<rotate3d()> =
    rotate3d(
        <number> ,
        <number> ,
        <number> ,
        [ <angle> | <zero> ]
    )
<number>

An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.

<angle>

A number with a unit: deg (360 degrees in a full circle), grad (400 gradians in a full circle), rad (2π radians in a full circle), or turn (1 turn in a full circle).

<zero>

Represents a literal number with the value 0.

Examples

1 · angle

2 · zero

3 · JS