2016/1/19

. pt-page-movetoleft{
-webkit-animation:movetoleft.6s ease both;
-moz-animation:movetoleft.6s ease both;
Animation:movetoleft.6s ease both;
}
. pt-page-movefromleft{
-webkit-animation:movefromleft.6s ease both;
-moz-animation:movefromleft.6s ease both;
Animation:movefromleft.6s ease both;
}
. pt-page-movetoright{
-webkit-animation:movetoright.6s ease both;
-moz-animation:movetoright.6s ease both;
Animation:movetoright.6s ease both;
}
. pt-page-movefromright{
-webkit-animation:movefromright.6s ease both;
-moz-animation:movefromright.6s ease both;
Animation:movefromright.6s ease both;
}
. pt-page-movetotop{
-webkit-animation:movetotop.6s ease both;
-moz-animation:movetotop.6s ease both;
Animation:movefromtop.6s ease both;
}
. pt-page-movefromtop{
-webkit-animation:movefromtop.6s ease both;
-moz-animation:movefromtop.6s ease both;
Animation:movefromtop.6s ease both;
}
. pt-page-movetobottom{
-webkit-animation:movetobottom.6s ease both;
-moz-animation:movetobottom.6s ease both;
Animation:movetobottom.6s ease both;
}
. pt-page-movefrombottom{
-webkit-animation:movefrombottom.6s ease both;
-moz-animation:movefrombottom.6s ease both;
Animation:movefrombottom.6s ease both;
}
/*fade*/
. pt-page-fade{
-webkit-animation:fade.7s ease both;
-moz-animation:fade.7s ease both;
Animation:fade.7s ease both;
}
/* Move from/to and fade */
. pt-page-movetoleftfade{
-webkit-animation:movetoleftfade.7s ease both;
-moz-animation:movetoleftfade.7s ease both;
Animation:movetoleftfade.7s ease both;
}
. pt-page-movefromleftfade{
-webkit-animation:movefromleftfade.7s ease both;
-moz-animation:movefromleftfade.7s ease both;
Animation:movefromleftfade.7s ease both;
}
. pt-page-movetorightfade{
-webkit-animation:movetorightfade.7s ease both;
-moz-animation:movetorightfade.7s ease both;
Animation:movetorightfade.7s ease both;
}
. pt-page-movefromrightfade{
-webkit-animation:movefromrightfade.7s ease both;
-moz-animation:movefromrightfade.7s ease both;
Animation:movefromrightfade.7s ease both;
}
. pt-page-movetotopfade{
-webkit-animation:movetotopfade.7s ease both;
-moz-animation:movetotopfade.7s ease both;
Animation:movetotopfade.7s ease both;
}
. pt-page-movefromtopfade{
-webkit-animation:movefromtopfade.7s ease both;
-moz-animation:movefromtofade.7s ease both;
Animation:movefromtopfade.7s ease both;
}
. pt-page-movetobottomfade{
-webkit-animation:movetobottomfade.7s ease both;
-moz-animation:movetobottomfade.7s ease both;
Animation:movefrombottomfade.7s ease both;
}
. pt-page-movefrombottomfade{
-webkit-animation:movefrombottomfade.7s ease both;
-moz-animation:movefrombottomfade.7s ease both;
Animation:movefrombottomfade;
}
/* Move to with different easing */
. pt-page-movetolefteasing{
-webkit-animation:movetoleft.7s ease both;
-moz-animation:movetoleft.7s ease both;
Animation:movetoleft.7s ease both;
}
. pt-page-movetorighteasing{
-webkit-animation:movetoright.7s ease both;
-moz-animation:movetoright.7s ease both;
Animation:movetoright.7s ease both;
}
. pt-page-movetotopeasing{
-webkit-animation:movetotop.7s ease both;
-moz-animation:movetotop.7s ease both;
Animation:movetotop.7s ease both;
}
. pt-page-movetobottomeasing{
-webkit-animation:movetobottom.7s ease both;
-moz-animation:movetobottom.7s ease both;
Animation:movetobottom.7s ease both;
}
/* Move From/to */
@-webkit-keyframes movetoleft{
To{-webkit-transform:translatex (-100%);}
}
@-moz-keyframes movetoleft{
To{-moz-transform:translatex (-100%)}
}
@keyframes movetoleft{
To{transform:translatex (-100%)}
}
@-webkit-keyframes movefromleft{
To{-webkit-transform:translatex (-100%)}
}
@-moz-keyframes movefromleft{
To{-webkit-animation:translatex (-100%)}
}
@keyframes movefromleft{
To{transfrom:translatex (-100%)}
}
@-webkit-keyframes movetoright{
To{-webkit-transfrom:translatex (100%)}
}
@-moz-keyframes movetoright{
To{-moz-transform:translatex (100%)}
}
@keyframes movetoright{
To{transfrom:translatex (100%)}
}
@-webkit-keyframes movefromright{
To{-webkit-trabsform:translatex (100%)}
}
@-moz-keyframes movefromright{
To{-moz-transform:translatex (100%)}
}
@keyframes movefromright{
To{transform:translatex (100%)}
}
@-webkit-keyframes movetotop{
To{-webkit-transform:translatey (-100%)}
}
@-moz-keyframes movetotop{
To{-moz-transform:translatey (-100%)}
}
@keyframes movetotop{
To{transfrom:translatey (-100%)}
}
@-webkit-keyframes movefromtop{
To{-webkit-transfrom:translatey (-100%)}
}
@-moz-keyframes movefromtop{
To{-moz-transform:translatey (-100%)}
}
@keyframes movefromtop{
To{transfrom:translatey (-100%)}
}
@-webkit-keyframes movetobottom{
To{-webkit-transform:translatey (100%)}
}
@-moz-keyframes movetobottom{
To{-moz-transform:translatey (100%)}
}
@keyframes movetobottom{
To{transform:translatey (100%)}
}
@-webkit-keyframes movefrombottom{
To{-webkit-transform:translatey (100%)}
}
@-moz-keyframes movefrombottom{
To{-moz-transfrom:translatey (100%)}
}
@keyframes movefrombottom{
To{transform:translatey (100%)}
}
/* fade */
@-webkit-keyframes fade{
to{opacity:0.3}
}
@-moz-keyframes fade{
to{opacity:0.3}
}
@keyframes fade{
to{opacity:0.3}
}
/* Move from/to and fade */
@-webkit-keyframes movetoleftfade{
To{opacity:0.3;-webkit-transform:tanslatex (-100%)}
}
@-moz-keyframes movetoleftfade{
To{opacity:0.3;-moz-transform:translatex (-100%)}
}
@keyframes movetoleftfade{
To{opacity:0.3;transform:translatex (-100%)}
}
@-webkit-keyframes movefromleftfade{
To{opaity:0.3;-webkit-transform:translatex (-100%)}
}
@-moz-keyframes movefromleftfade{
To{opacity:0.3;-moz-transform:translatex (-100%)}
}
@keyframes movefromleftfade{
to{opacity:0.3; Transform:translatex (-100%)}
}
@-webkit-keyframes movetorightfade{
To{opacity:0.3;-webkit-transform:translatex (100%)}
}
@-moz-keyframes movetorightfade{
To{opacity:0.3;-moz-transform:translatex (100%)}
}
@keyframes movetorightfade{
To{opacity:0.3;transform:translatex (100%)}
}
@-webkit-keyframes movefromrightfade{
To{opacity:0.3;-webkit-transform:translatex (100%)}
}
@-moz-keyframes movefromrightfade{
To{opacity:0.3;-moz-transform:translate (100%)}
}
@keyframes movefromrightfade{
To{opacity:0.3;transform:translatex (100%)}
}
@-webkit-keyframes movetotopfade{
To{opacity:0.3;-webkit-transform:translatey (-100%)}
}
@-moz-keyframes movetotopfade{
To{opacity:0.3;-moz-transform:translatey (-100%)}
}
@keyframes movetotopfade{
To{opacity:0.3;transform:translatey (-100%)}
}
@-webkit-keyframes movefromtopfade{
To{opacity:0.3;-webkit-transform:translatey (-100%)}
}
@-moz-keyframes movefromtopfade{
To{opacity:0.3;-moz-transform:translatey (100%)}
}
@keyframes movefromtopfade{
To{opacity:0.3;transform:translatey (100%)}
}
@-webkit-keyframes movetobottomfade{
To{opacity:0.3;-webkit-transform:translatey (100%)}
}
@-moz-keyframes movetobottomfade{
To{opacity:0.3;-moz-transform:translatey (100%)}
}
@keyframes movetobottomfade{
To{opacity:0.3;transform:translatey (100%)}
}
/* Scale and fade */
. pt-page-scaledown{
-webkit-animation:scaledown.7s ease both;
-moz-animation:scaledown.7s ease both;
Animation:scaledown.7s ease both;
}
. pt-page-scaleup{
-webkit-animation:scaleup.7s ease both;
-moz-animation:scaleup.7s ease both;
Animation:scaleup.7s ease both;
}
. pt-page-scaledownup{
-webkit-animation:scaledownup.7s ease both;
-moz-animation:scaledownup.7s ease both;
Animation:scaledownup.7s ease both;
}
. pt-page-scaleupdown{
-webkit-animation:scaleupdown.7s ease both;
-moz-animation:scaleupdown.7s ease both;
Animation:scaleupdown.7s ease both;
}
. pt-page-scaledowncenter{
-webkit-animation:scaledowncenter.7s ease both;
-moz-animation:scaledowncenter.7s ease both;
Animation:scaledowncenter.7s ease both;
}
. pt-page-scaleupcenter{
-webkit-animation:scaleupcenter.7s ease both;
-moz-animation:scaleupcenter.7s ease both;
Animation:scaledowncenter.7s ease both;
}
/* Above is the 2016-1-19 code */

2016/1/19