3D图片轮播

1.要使轮播到最上面后有抖动的效果

帧的比例更小,在终点不断该表

@-webkit-keyframes show
{
0%
{
-webkit-transform:rotateX(180deg);
opacity:0;
}
50%
{
-webkit-transform:rotateX(-25deg);
opacity:1;
}
60%
{
-webkit-transform:rotateX(18deg);
opacity:1;
}
70%
{
-webkit-transform:rotateX(-12deg);
opacity:1;
}
80%
{
-webkit-transform:rotateX(8deg);
opacity:1;
}
90%
{
-webkit-transform:rotateX(-6deg);
opacity:1;
}
100%
{
-webkit-transform:rotateX(0deg);
opacity:1;
}
}






无标题文档






你可能感兴趣的:(css3)