Working With 3D Transform - Programming in HTML5 Exam 70-480 Training Course - Part 14 | web Developer courses

Duration: 22:00 min

Summary: In this lesson, we will talk about CSS3 3D transforms. We will start with creating simple divs. Then, we will create a box CSS class that will change the height, width, and perspective of the outer divs, in addition to the display and the margin. Then we will create the CSS class for the inner div so we can indicate the type of transition. Since all the transformations will happen when we hover over an element, we will specify three classes (one for each inner div) so we can indicate the :hover pseudo class and specify the transform properties along the x, y, and z axis.