Merge pull request #263 from jonathanargentiero/master
Added sliding entrances and exits
This commit is contained in:
commit
abbd36b46b
|
@ -100,6 +100,19 @@
|
||||||
"zoomOutLeft": true,
|
"zoomOutLeft": true,
|
||||||
"zoomOutRight": true,
|
"zoomOutRight": true,
|
||||||
"zoomOutUp": true
|
"zoomOutUp": true
|
||||||
}
|
},
|
||||||
|
|
||||||
|
"sliding_entrances": {
|
||||||
|
"slideInDown": true,
|
||||||
|
"slideInLeft": true,
|
||||||
|
"slideInRight": true,
|
||||||
|
"slideInUp": true
|
||||||
|
},
|
||||||
|
|
||||||
|
"sliding_exits": {
|
||||||
|
"slideOutDown": true,
|
||||||
|
"slideOutLeft": true,
|
||||||
|
"slideOutRight": true,
|
||||||
|
"slideOutUp": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideInDown {
|
||||||
|
0% {
|
||||||
|
transform: translateY(-100%);
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInDown {
|
||||||
|
animation-name: slideInDown;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideInLeft {
|
||||||
|
0% {
|
||||||
|
transform: translateX(-100%);
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInLeft {
|
||||||
|
animation-name: slideInLeft;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideInRight {
|
||||||
|
0% {
|
||||||
|
transform: translateX(100%);
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInRight {
|
||||||
|
animation-name: slideInRight;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideInUp {
|
||||||
|
0% {
|
||||||
|
transform: translateY(100%);
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInUp {
|
||||||
|
animation-name: slideInUp;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideOutDown {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutDown {
|
||||||
|
animation-name: slideOutDown;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideOutLeft {
|
||||||
|
0% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateX(-100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutLeft {
|
||||||
|
animation-name: slideOutLeft;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideOutRight {
|
||||||
|
0% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutRight {
|
||||||
|
animation-name: slideOutRight;
|
||||||
|
}
|
|
@ -0,0 +1,14 @@
|
||||||
|
@keyframes slideOutUp {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(-100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutUp {
|
||||||
|
animation-name: slideOutUp;
|
||||||
|
}
|
Loading…
Reference in New Issue