less
Version:
Leaner CSS
35 lines (34 loc) • 675 B
CSS
.test1 {
transform: rotate(90deg), skew(30deg), scale(2, 4);
}
.test2 {
transform: rotate(90deg), skew(30deg);
transform: scaleX(45deg);
}
.test3 {
transform: scaleX(45deg);
background: url(data://img1.png);
}
.test4 {
transform: rotate(90deg), skew(30deg);
transform: scale(2, 4) ;
}
.test5 {
transform: rotate(90deg), skew(30deg);
transform: scale(2, 4) ;
}
.test6 {
transform: scale(2, 4);
}
.test-interleaved {
transform: t1, t2, t3;
background: b1, b2, b3;
}
.test-spaced {
transform: t1 t2 t3;
background: b1 b2, b3;
}
.test-interleaved-with-spaced {
transform: t1s, t2 t3s, t4 t5s t6s;
background: b1 b2s, b3, b4;
}