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
36
37
|
@import compass/css3, compass/css3/transform-legacy
.transform-example
width: 40px
height: 40px
background: red
margin: 20px
#scale
+scale(1)
#scale:hover
+scale(2)
#rotate
+rotate(0deg)
#rotate:hover
+rotate(45deg)
#translate
+translate(0, 0)
#translate:hover
+translate(20px, 20px)
#skew
+skew(0deg, 0deg)
#skew:hover
+skew(20deg, 20deg)
#combo
+transform(1, 0deg, 0, 0, 0deg, 0deg)
#combo:hover
+transform(1, 45deg, 20px, 20px, 20deg, 20deg)
|
