1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
|
.test-rule1 {
transform: rotate(90deg), skew(30deg), scale(2, 4);
}
.test-rule2 {
transform: rotate(90deg), skew(30deg);
transform: scaleX(45deg);
}
.test-rule3 {
transform: scaleX(45deg);
background: url(data://img1.png);
}
.test-rule4 {
transform: rotate(90deg), skew(30deg), scale(2, 4) !important;
}
.test-rule5 {
transform: rotate(90deg), skew(30deg), scale(2, 4) !important;
}
.test-rule6 {
transform: scale(2, 4);
}
.test-rule7 {
transform: scale(2, 4), scale(2, 4), scale(2, 4) !important;
}
.test-rule-interleaved {
transform: t1, t2, t3;
background: b1, b2, b3;
}
.test-rule-spaced {
transform: t1 t2 t3;
background: b1 b2, b3;
}
.test-rule-interleaved-with-spaced {
transform: t1s, t2 t3s, t4 t5s t6s;
background: b1 b2s, b3, b4;
}
|