IE |
Chrome |
Firefox |
Safari |
Opera |
iOS |
Android |
Can I use |
10 |
OK |
4 |
3.1 |
12.1 |
3.2 |
2.1 |
CSS3 Transitions |
@mixin 名 |
@mixin 引数値 |
備考 |
CSS プロパティ名 と 同じ |
CSS プロパティ値 と 同じ |
- |
@mixin pe-transition($properties...) {
...
}
@mixin transition-property($properties...) {
...
}
@mixin transition-duration($times...) {
...
}
@mixin transition-timing-function($motions...) {
...
}
@mixin transition-delay($times...) {
...
}
.class-name {
@include pe-transition(all 2.0s ease);
}
.class-name {
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
transition: all 2s ease;
}