In this blog we will be creating a 3D pyramid which will be rotating around vertical axis, ie, Y-axis and also on its own axis using pure css. The most important properties used in the making of pyramid were : transform-origin, transfrom-style, and transform.
Transform property : is used for the 2D or 3D transformation of an element. With this property we can rotate, scale, move, skew the elements.
transform: rotateX(0deg) rotateY(40deg);
Transform-origin : with this property we can change the positing of the transformed elements.