diff --git a/css/animations.css b/css/animations.css index 9af3400..55c1001 100644 --- a/css/animations.css +++ b/css/animations.css @@ -97,18 +97,34 @@ -webkit-animation: moveToLeft .7s ease-in-out both; animation: moveToLeft .7s ease-in-out both; } +.pt-page-moveFromLeftEasing { + -webkit-animation: moveFromLeft .7s ease-in-out both; + animation: moveFromLeft .7s ease-in-out both; +} .pt-page-moveToRightEasing { -webkit-animation: moveToRight .7s ease-in-out both; animation: moveToRight .7s ease-in-out both; } +.pt-page-moveFromRightEasing { + -webkit-animation: moveFromRight .7s ease-in-out both; + animation: moveFromRight .7s ease-in-out both; +} .pt-page-moveToTopEasing { -webkit-animation: moveToTop .7s ease-in-out both; animation: moveToTop .7s ease-in-out both; } +.pt-page-moveFromTopEasing { + -webkit-animation: moveFromTop .7s ease-in-out both; + animation: moveFromTop .7s ease-in-out both; +} .pt-page-moveToBottomEasing { -webkit-animation: moveToBottom .7s ease-in-out both; animation: moveToBottom .7s ease-in-out both; } +.pt-page-moveFromBottomEasing { + -webkit-animation: moveFromBottom .7s ease-in-out both; + animation: moveFromBottom .7s ease-in-out both; +} /********************************* keyframes **************************************/ diff --git a/index.html b/index.html index 643560d..428f413 100755 --- a/index.html +++ b/index.html @@ -55,6 +55,10 @@
  • Different easing / from left
  • Different easing / from bottom
  • Different easing / from top
  • +
  • To left / different easing
  • +
  • To right / different easing
  • +
  • To top / different easing
  • +
  • To bottom / different easing
  • diff --git a/js/pagetransitions.js b/js/pagetransitions.js index 7b0ec44..64d1b8f 100644 --- a/js/pagetransitions.js +++ b/js/pagetransitions.js @@ -385,6 +385,22 @@ var PageTransitions = (function() { outClass = 'pt-page-rotateSlideOut'; inClass = 'pt-page-rotateSlideIn'; break; + case 68: + outClass = 'pt-page-moveToLeft'; + inClass = 'pt-page-moveFromRightEasing'; + break; + case 69: + outClass = 'pt-page-moveToRight'; + inClass = 'pt-page-moveFromLeftEasing'; + break; + case 70: + outClass = 'pt-page-moveToTop'; + inClass = 'pt-page-moveFromBottomEasing'; + break; + case 71: + outClass = 'pt-page-moveToBottom'; + inClass = 'pt-page-moveFromTopEasing'; + break; }