rotate property in CSS

A simple rotate property example:

div {
    height: 60px;
    width: 60px;
    background-color: lightgreen;
    rotate: 30deg;
}

Laboratory

description & Usage

To rotate an element by the user, we use the rotate property.

#	Chrome	Edge	Firefox	Safari	Opera
rotate

rotate: axis angle|initial|inherit;

Values	Description
axis	This value is optional.
angle	برای تعیین میزان چرخش استفاده می شود و مشخص می کند که درجه و دفعات دور زدن چقدر باشد.
vector angle	Three numbers specify the "vector" the element rotates around.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.