[ADD] web: less mixins for animation and transition
This commit is contained in:
@@ -196,6 +196,26 @@
|
||||
transition: @property @duration @timing-function @transition-delay;
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Animation
|
||||
// ------------------------------------------------------------------
|
||||
.o-animation(@name: none, @duration: 0s, @timing-function: ease, @delay: 0s, @iteration-count: 1, @direction: normal, @fill-mode: none, @play-state: running) {
|
||||
-webkit-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
-moz-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
-o-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Transition
|
||||
// ------------------------------------------------------------------
|
||||
.o-transition(@property: all, @duration: 0s, @timing-function: easy, @transition-delay: 0s) {
|
||||
-webkit-transition: @property @duration @timing-function @transition-delay;
|
||||
-moz-transition: @property @duration @timing-function @transition-delay;
|
||||
-o-transition: @property @duration @timing-function @transition-delay;
|
||||
transition: @property @duration @timing-function @transition-delay;
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Position absolute
|
||||
// ------------------------------------------------------------------
|
||||
|
||||
Reference in New Issue
Block a user