根据屏幕尺寸

时间:2015-12-07 10:34:26

标签: css css-animations

当使用CSS反弹关键帧时,我已经将反弹的顶部设置为870px,但是如果我重新调整窗口的大小,对象可以反弹通过窗口的边框,有没有办法改变边界与屏幕尺寸。

@-webkit-keyframes bounce{
    from, to{
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }
    50%{
        top: 870px; /*value in question*/
        -webkit-animation-timing-function: ease-out;
    }
}

1 个答案:

答案 0 :(得分:1)

使用视口设备允许动画缩放到屏幕大小。感谢@Manoj Kumar向我介绍他们。