Home  >  Article  >  Web Front-end  >  Detailed explanation of how to use matrix function in css3

Detailed explanation of how to use matrix function in css3

高洛峰
高洛峰Original
2017-03-09 16:48:303153browse

The following editor will bring you a detailed explanation of how to use the matrix function in CSS3. The editor thinks it is quite good, so I will share it with you now and give it as a reference for everyone. Let’s follow the editor and take a look.

scale(sx,sy) corresponds to matrix(sx,0,0,sy,0,0) stretch

rotate(θ) corresponds to matrix( cosθ,sinθ,-sinθ,cosθ,0,0) rotation

skew(θx,θy) corresponds to matrix(1,tan(θy),tan(θx),1,0,0) tilt


The above is the detailed content of Detailed explanation of how to use matrix function in css3. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn