CSS3 Matrix() method, CSS3 Matrix() method with Examples

<!DOCTYPE html>
<html>
	<head>
		<title>CSS3 Matrix() method</title>
	</head>
	<body>
		
	<style type="text/css">
		.matrix{
			width: 300px;
			height: 100px;
			background-color: #F30;
			border: 1px solid #0099da;
		 }
		 
		.matrix_2{
			-ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */
			-webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */
			transform: matrix(1, -0.3, 0, 1, 0, 0); /* Standard syntax */
			width: 300px;
			height: 100px;
			background-color: #F30;
			border: 1px solid #0099da;
		 }
		 
		.matrix_3{
			-ms-transform: matrix(1, 0, 0.5, 1, 150, 0); /* IE 9 */
			-webkit-transform: matrix(1, 0, 0.5, 1, 150, 0); /* Safari */
			transform: matrix(1, 0, 0.5, 1, 150, 0); /* Standard syntax */
			width: 300px;
			height: 100px;
			background-color: #F30;
			border: 1px solid #0099da;
		 }
	 </style>
	  
	<div class="matrix">
		www.freetimelearning.com
	</div>
	<div class="matrix_2">
		www.freetimelearning.com
	</div>
	<div class="matrix_3">
		www.freetimelearning.com
	</div>
		  
	</body>
</html>

Output :

Topic : Matrix() method