IE |
Chrome |
Firefox |
Safari |
Opera |
iOS |
Android |
Can I use |
9 |
OK |
3.5 |
3.1 |
11.5 |
3.2 |
2.1 |
CSS3 2D Transforms |
@mixin 名 |
@mixin 引数値 |
備考 |
CSS プロパティ名 と 同じ |
CSS プロパティ値 と 同じ |
- |
@mixin pe-transform($property: none) {
...
}
@mixin pe-transform-origin($axes: 50%) {
...
}
@mixin pe-transform-style($style: flat) {
...
}
.class-name {
@include pe-transform(translate(100px) rotate(10deg));
}
.class-name {
-webkit-transform: translate(100px) rotate(10deg);
-moz-transform: translate(100px) rotate(10deg);
-ms-transform: translate(100px) rotate(10deg);
-o-transform: translate(100px) rotate(10deg);
transform: translate(100px) rotate(10deg);
}