Hello Reader's!
Today I am going to explain you about a spinning3dpyramid, first thing comes to mind that what is this pyramid and how this is built so basically a pyramid is a polyhedron for which the base is a polygon and all lateralfaces are treated a triangle. These two faces are congruent to each other i.e they have same shape and size. Now come to the point that how it is spinning, so this is spinning as we have used perspective property which defines the pixels in a 3D element and its child element will acquire this perspective property not the element itself. This is just used only for the 3D tranformation.
Syntax for using perspective property:-
-webkit-transform: perspective(600);
or
-webkit-perspective: 600;
The @keyframes property is also used here for specifing the animation code. Using same name as with the animation property and getting results of transform property on x and y axis.
Below is the complete source code that will help the user to understand the whole code easily.
0 Comment(s)