Enhance matrix function documentation

Updated the matrix function documentation with improved formatting and added a new tag for 'Animation'.

Author: mamtawardhani

content/css/concepts/transform-functions/terms/matrix/matrix.md

@@ -5,7 +5,7 @@ Subjects:
   - 'Web Design'
   - 'Web Development'
 Tags:
-  - 'Elements'
+  - 'Animation'
   - 'Functions'
   - 'Positioning'
   - 'Values'
@@ -14,14 +14,22 @@ CatalogContent:
   - 'paths/front-end-engineer-career-path'
 ---
 
-The CSS `matrix()` function uses a 2D matrix to scale, rotate, skew, and move an element. This combined setup puts multiple changes into one step and is commonly used in detailed animations(https://www.codecademy.com/resources/docs/css/animations), exact placement, or creative web layouts.
+The CSS **`matrix()`** function uses a 2D matrix to scale, rotate, skew, and move an element. This combined setup puts multiple changes into one step and is commonly used in detailed [animations](https://www.codecademy.com/resources/docs/css/animations), exact placement, or creative web layouts.
 
 ## Syntax
 
 ```pseudo
 transform: matrix(a, b, c, d, e, f);
 ```
 
+Corresponds to the matrix:
+
+```plaintext
+| a c e |
+| b d f |
+| 0 0 1 |
+```
+
 **Parameters:**
 
 - `a`: Controls horizontal scaling. A value of `1` results in no horizontal scaling.