Slower swipe animation
This commit is contained in:
parent
942a922a45
commit
4a74e992d4
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -33,9 +33,9 @@
|
|||||||
background-position: 50% 50%;
|
background-position: 50% 50%;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
|
|
||||||
-webkit-transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .1s, -webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15);
|
-webkit-transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .2s, -webkit-transform .3s cubic-bezier(0.51,.92,.24,1.15);
|
||||||
-moz-transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .1s, -moz-transform .3s cubic-bezier(0.51,.92,.24,1.15);
|
-moz-transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .2s, -moz-transform .3s cubic-bezier(0.51,.92,.24,1.15);
|
||||||
transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .1s, transform .3s cubic-bezier(0.51,.92,.24,1.15);
|
transition: top .3s, right .3s, bottom .3s, left .3s, margin-top .3s, opacity .2s, transform .3s cubic-bezier(0.51,.92,.24,1.15);
|
||||||
|
|
||||||
-webkit-animation-name: zoomIn;
|
-webkit-animation-name: zoomIn;
|
||||||
-webkit-animation-duration: .3s;
|
-webkit-animation-duration: .3s;
|
||||||
|
@ -66,7 +66,7 @@ photo = {
|
|||||||
|
|
||||||
if (animate===true) {
|
if (animate===true) {
|
||||||
|
|
||||||
delay = 100;
|
delay = 200;
|
||||||
|
|
||||||
$("#image").css({
|
$("#image").css({
|
||||||
WebkitTransform: 'translateX(100%)',
|
WebkitTransform: 'translateX(100%)',
|
||||||
@ -95,7 +95,7 @@ photo = {
|
|||||||
|
|
||||||
if (animate===true) {
|
if (animate===true) {
|
||||||
|
|
||||||
delay = 100;
|
delay = 200;
|
||||||
|
|
||||||
$("#image").css({
|
$("#image").css({
|
||||||
WebkitTransform: 'translateX(-100%)',
|
WebkitTransform: 'translateX(-100%)',
|
||||||
|
Loading…
Reference in New Issue
Block a user