Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使引导容器反弹_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何使引导容器反弹

Html 如何使引导容器反弹,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我从bootstrap开始,在创建类“container”的div时遇到了一些问题。 这就是我目前所拥有的 @关键帧反弹{ 0% { 顶部:0px; } 100% { 顶部:50px; } } #箭{ 动画持续时间:2秒; 动画名称:弹跳; 动画迭代次数:无限; 字号:2em; } 我通过抓取@keyframes @关键帧反弹{ 从,20%,53%,80%到{ 动画计时功能:立方贝塞尔(0.215,0.610,0.355,1.000); 变换:translate3d(0,0,0); }

我从bootstrap开始,在创建类“container”的div时遇到了一些问题。 这就是我目前所拥有的

@关键帧反弹{
0% {
顶部:0px;
}
100% {
顶部:50px;
}
}
#箭{
动画持续时间:2秒;
动画名称:弹跳;
动画迭代次数:无限;
字号:2em;
}


我通过抓取@keyframes

@关键帧反弹{
从,20%,53%,80%到{
动画计时功能:立方贝塞尔(0.215,0.610,0.355,1.000);
变换:translate3d(0,0,0);
}
40%, 43% {
动画计时功能:立方贝塞尔(0.755,0.050,0.855,0.060);
转换:translate3d(0,-30px,0);
}
70% {
动画计时功能:立方贝塞尔(0.755,0.050,0.855,0.060);
转换:translate3d(0,-15px,0);
}
90% {
变换:translate3d(0,-4px,0);
}
}
.弹跳{
位置:绝对位置;
动画持续时间:2秒;
动画名称:弹跳;
动画迭代次数:无限;
字号:2em;
}



您是否遇到错误?它不跳吗?它是不是一直在反弹?您的问题不完整,请使用工作示例和您遇到的问题更新您的问题。