前端如何控制css3动画播放进度?css或者js方法都可以?

能不能用js控制css3动画的播放进度?
比如我css3动画一共用了1秒,默认是从0秒开始播放的,
能不能用什么办法让它从0.5秒的状态开始播放到1秒结束
可以想成类似于看视频,视频总长是1分钟,但是我一上来想拉进度条,从30秒的时候开始播放,暂时先不看前半部分内容,也不影响前半部分内容,可以做到吗

神不在的星期二