CSS3 matrix() method Examples




CSS3 matrix() method Examples

<!DOCTYPE html>
<html>
   <head>
      <title>CSS3 matrix() Method</title>
      <style type="text/css">
         img {
            -webkit-transform: matrix(0, -1, 1, 0, 200px, 50px);
            -moz-transform: matrix(0, -1, 1, 0, 200px, 50px);
           -ms-transform: matrix(0, -1, 1, 0, 200px, 50px);  
            transform: matrix(0, -1, 1, 0, 200px, 50px); 
         }
         .box{
            margin: 50px;
            width: 108px;
            height: 136px;
            background: url("css3.jpg") no-repeat;
         }
      </style>
   </head>
   <body>
      <div class="box">
         <img src="css3.jpg" alt="CSS3">
      </div>
   </body>
</html>

Output