CSS rotateY() Function (original) (raw)

Last Updated : 07 Jun, 2023

The rotateY() function is an inbuilt function which is used to rotate an element around the vertical axis.

Syntax:

rotateY( angle )

Parameters: This function accepts single parameter angle which represents the angle of rotations. The positive and negative angles rotate the elements in clockwise and counter-clockwise respectively. Below examples illustrate the rotateY() function in CSS:

Example 1:

html

Output:

Example 2:

html

<!DOCTYPE html>

< html >

< head >

`` < title >CSS rotateY() function</ title >

`` < style >

`` body {

`` text-align:center;

`` }

`` h1 {

`` color:green;

`` }

`` .GFG {

`` font-size:35px;

`` font-weight:bold;

`` color:green;

`` transform: rotateY(60deg);

`` }

`` </ style >

</ head >

< body >

`` < h1 >GeeksforGeeks</ h1 >

`` < h2 >CSS rotateY() function</ h2 >

`` < div class = "GFG" >Welcome to GeeksforGeeks</ div >

</ body >

</ html >

Output:

Supported Browsers: The browsers supported by rotateY() function are listed below:

Similar Reads