cui-light
Version:
cUI light framework for the web
117 lines (116 loc) • 2.85 kB
JavaScript
export const SWIPE_ANIMATIONS_DEFINITIONS = {
"slide": {
current: {
left: {
transform: {
translateX: {
from: 0,
to: -100,
unit: "%"
}
}
},
right: {
transform: {
translateX: {
from: 0,
to: 100,
unit: "%"
}
}
}
},
previous: {
left: {
transform: {
translateX: {
from: 100,
to: 0,
unit: "%"
}
}
},
right: {
transform: {
translateX: {
from: -100,
to: 0,
unit: "%"
}
}
}
}
},
fade: {
current: {
left: {
opacity: {
from: 1,
to: 0
}
},
right: {
opacity: {
from: 1,
to: 0
}
}
},
previous: {
left: {
opacity: {
from: 0,
to: 1
}
},
right: {
opacity: {
from: 0,
to: 1
}
}
}
},
push: {
current: {
left: {
transform: {
translateX: {
from: 0,
to: -10,
unit: "%"
}
}
},
right: {
transform: {
translateX: {
from: 0,
to: 10,
unit: "%"
}
}
}
},
previous: {
left: {
transform: {
translateX: {
from: 100,
to: 0,
unit: "%"
}
}
},
right: {
transform: {
translateX: {
from: -100,
to: 0,
unit: "%"
}
}
}
}
}
};