cyclegtx / burberryshow

腾讯Burberry线上营销页面特效

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

请教关于-webkit-mask-position问题

iqingting opened this issue · comments

你这里不是说:
动画时只需要依次修改-webkit-mask-position的x与y值,每次将x增加25%(100/每排的帧数4)直到75%,y增加33.33%(100/每牌的帧数3)直到66.66%。
为何实际的效果却是x增加33.33333%,y增加50%?
如能解惑,感激不尽。。

效果应该是x增加33.33333%,y增加25%。
是不是速度太快了看不清楚,把间隔时间调高点就能看清了。
还有android下面改变background和mask的position值不像IOS那么流畅,感觉像掉帧。

我有将时间间隔调高。看的实际情况是
0% 0%, 33.3333% 0, 66.66666% 0; 100% 0;
0% 50%, 33.3333% 50%, 66.66666% 50%; 100% 50%;
0% 100%, 33.3333% 100%, 66.66666% 100%; 100% 100%;
x向是4帧,y向是3帧,难道不应该是【每次将x增加25%(100/每排的帧数4)y增加33.33%(100/每牌的帧数3)】吗?
这是怎么计算的感觉好麻烦啊。。

嗯 md里面的文字写错了,应该是
“动画时只需要依次修改-webkit-mask-position的x与y值,每次将x增加33.333%(100/每排的帧数4-1)直到100%,y增加50%(100/每牌的帧数3-1)直到100%。”
我修改下,谢谢