Adding a single transform transition stylesheet test.
This commit is contained in:
parent
c1ce093cbc
commit
94bef38312
@ -42,6 +42,13 @@
|
|||||||
-o-transition: -o-transform 0.6s ease-out 0.2s;
|
-o-transition: -o-transform 0.6s ease-out 0.2s;
|
||||||
transition: transform 0.6s ease-out 0.2s; }
|
transition: transform 0.6s ease-out 0.2s; }
|
||||||
|
|
||||||
|
.transform-transition {
|
||||||
|
-webkit-transition: -webkit-transform 0.6s ease-out;
|
||||||
|
-moz-transition: -moz-transform 0.6s ease-out;
|
||||||
|
-ms-transition: -ms-transform 0.6s ease-out;
|
||||||
|
-o-transition: -o-transform 0.6s ease-out;
|
||||||
|
transition: transform 0.6s ease-out; }
|
||||||
|
|
||||||
.multiple-transitions {
|
.multiple-transitions {
|
||||||
-webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in;
|
-webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in;
|
||||||
-moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in;
|
-moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in;
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
.transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); }
|
.transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); }
|
||||||
.single-transform-transition-without-delay { @include single-transition(transform, 0.6s, ease-out); }
|
.single-transform-transition-without-delay { @include single-transition(transform, 0.6s, ease-out); }
|
||||||
.single-transform-transition-with-delay { @include single-transition(transform, 0.6s, ease-out, 0.2s); }
|
.single-transform-transition-with-delay { @include single-transition(transform, 0.6s, ease-out, 0.2s); }
|
||||||
|
.transform-transition { @include transition(transform 0.6s ease-out) }
|
||||||
.multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) }
|
.multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) }
|
||||||
.transition-property { @include transition-property(transform); }
|
.transition-property { @include transition-property(transform); }
|
||||||
.multiple-transition-properties { @include transition-property((opacity, transform, left)); }
|
.multiple-transition-properties { @include transition-property((opacity, transform, left)); }
|
||||||
|
Loading…
Reference in New Issue
Block a user