1. Introduction

After completing this module, you are expected to:

  • Learn the basic of transform property in CSS3 
  • Apply the different 2D and 3D transformation methods

          In this module, you will be able to learn about the transform property. This transform property can be applied in both 2D and 3D transformation.

          Figure 1 (a) shows the state of the elements before a mouse hovers on the element. Figure 1 (b) is the result after a mouse hovers on the element. This illustrates how a 2D transformation and 3D transformation happens.

Figure 1: Before and after rotation of the element using the transform property