javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 05:58:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

css case cubic bezier names

Browse Source
This commit is contained in:
Adam Bradley
2015-05-29 21:32:44 -05:00
parent 5c47982360
commit eeca9d12f4
3 changed files with 32 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
ionic/animations/animation.js
View File

@ -466,50 +466,52 @@ const ANIMATE_PROPERTIES = TRANSFORMS.concat('opacity');
// http://robertpenner.com/easing/ // http://robertpenner.com/easing/
const CUBIC_BEZIERS = { const CUBIC_BEZIERS = {
ease: '0.25, 0.1, 0.25, 1.0',
easeIn: '0.42, 0, 1.0, 1.0', // default browser suppored easing
easeOut: '0, 0, 0.58, 1.0', // ease
easeInOut: '0.42, 0, 0.58, 1.0', // ease-in
// ease-out
// ease-in-out
// Cubic // Cubic
easeInCubic: '0.55,0.055,0.675,0.19', 'ease-in-cubic': '0.55,0.055,0.675,0.19',
easeOutCubic: '0.215,0.61,0.355,1', 'ease-out-cubic': '0.215,0.61,0.355,1',
easeInOutCubic: '0.645,0.045,0.355,1', 'ease-in-Out-cubic': '0.645,0.045,0.355,1',
// Circ // Circ
easeInCirc: '0.6,0.04,0.98,0.335', 'ease-in-circ': '0.6,0.04,0.98,0.335',
easeOutCirc: '0.075,0.82,0.165,1', 'ease-out-circ': '0.075,0.82,0.165,1',
easeInOutCirc: '0.785,0.135,0.15,0.86', 'ease-in-out-circ': '0.785,0.135,0.15,0.86',
// Expo // Expo
easeInExpo: '0.95,0.05,0.795,0.035', 'ease-in-expo': '0.95,0.05,0.795,0.035',
easeOutExpo: '0.19,1,0.22,1', 'ease-out-expo': '0.19,1,0.22,1',
easeInOutExpo: '1,0,0,1', 'ease-in-out-expo': '1,0,0,1',
// Quad // Quad
easeInQuad: '0.55,0.085,0.68,0.53', 'ease-in-quad': '0.55,0.085,0.68,0.53',
easeOutQuad: '0.25,0.46,0.45,0.94', 'ease-out-quad': '0.25,0.46,0.45,0.94',
easeInOutQuad: '0.455,0.03,0.515,0.955', 'ease-in-out-quad': '0.455,0.03,0.515,0.955',
// Quart // Quart
easeInQuart: '0.895,0.03,0.685,0.22', 'ease-in-quart': '0.895,0.03,0.685,0.22',
easeOutQuart: '0.165,0.84,0.44,1', 'ease-out-quart': '0.165,0.84,0.44,1',
easeInOutQuart: '0.77,0,0.175,1', 'ease-in-out-quart': '0.77,0,0.175,1',
// Quint // Quint
easeInQuint: '0.755,0.05,0.855,0.06', 'ease-in-quint': '0.755,0.05,0.855,0.06',
easeOutQuint: '0.23,1,0.32,1', 'ease-out-quint': '0.23,1,0.32,1',
easeInOutQuint: '0.86,0,0.07,1', 'ease-in-out-quint': '0.86,0,0.07,1',
// Sine // Sine
easeInSine: '0.47,0,0.745,0.715', 'ease-in-sine': '0.47,0,0.745,0.715',
easeOutSine: '0.39,0.575,0.565,1', 'ease-out-sine': '0.39,0.575,0.565,1',
easeInOutSine : '0.445,0.05,0.55,0.95', 'ease-in-out-sine': '0.445,0.05,0.55,0.95',
// Back // Back
easeInBack: '0.6,-0.28,0.735,0.045', 'ease-in-back': '0.6,-0.28,0.735,0.045',
easeOutBack: '0.175, 0.885,0.32,1.275', 'ease-out-back': '0.175, 0.885,0.32,1.275',
easeInOutBack: '0.68,-0.55,0.265,1.55', 'ease-in-out-back': '0.68,-0.55,0.265,1.55',
}; };

4
ionic/animations/builtins.js
View File

@ -6,7 +6,7 @@ class SlideIn extends Animation {
constructor(element) { constructor(element) {
super(element); super(element);
this this
.easing('cubic-bezier(0.1, 0.7, 0.1, 1)') .easing('cubic-bezier(0.1,0.7,0.1,1)')
.duration(400) .duration(400)
.from('translateY', '100%') .from('translateY', '100%')
.to('translateY', '0%'); .to('translateY', '0%');
@ -19,7 +19,7 @@ class SlideOut extends Animation {
constructor(element) { constructor(element) {
super(element); super(element);
this this
.easing('easeInOut') .easing('ease-out')
.duration(250) .duration(250)
.from('translateY', '0%') .from('translateY', '0%')
.to('translateY', '100%'); .to('translateY', '100%');

9
ionic/ionic.js
View File

@ -1,13 +1,4 @@
// Object.defineProperties(ViewContainerRef.prototype, {
// domElement: {
// get: function() {
// return this._defaultProtoView.render.delegate.element;
// }
// }
// });
export * from 'ionic/components' export * from 'ionic/components'
export * from 'ionic/directives' export * from 'ionic/directives'
export * from 'ionic/platform/platform' export * from 'ionic/platform/platform'