CSS 'transformation: skew()' should take <angle> type as parameters

Current implementation is taking <number> type as parameter so skew()
does not work properly. Let the skew() to get <angle> as specification
described.

Fixes #6237.
This commit is contained in:
Jinwoo Song 2015-06-01 11:35:14 +09:00 committed by Anthony Ramine
parent f11fcebd9c
commit d524601cf5
6 changed files with 133 additions and 13 deletions

View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 150px;
width: 150px;
}
div>div {
background-color: blue;
}
.container {
border: 1px solid black;
margin: 20px;
}
.transformed1_ref {
transform: matrix(1, 0, 0.30933624961, 1, 0, 0);
}
.transformed2_ref {
transform: matrix(1, 0.54630248984, 0, 1, 0, 0);
}
.transformed3_ref {
transform: matrix(1, 0.54630248984, 0.30933624961, 1, 0, 0);
}
</style>
</head>
<body>
<p>
<div class="container">
<div class="transformed1_ref"></div>
</div>
</p>
<p>
<div class="container">
<div class="transformed2_ref"></div>
</div>
</p>
<p>
<div class="container">
<div class="transformed3_ref"></div>
</div>
</p>
</body>
</html>