我只想让弹跳效果出现在主页上#bounce1,2,3 ...图像的移动中,但似乎是强制图像到下一行。
是什么给了什么?答案 0 :(得分:1)
只使用CSS3,您可以在没有JavaScript和jQuery的情况下实现相同的效果。使用@keyframes
定义关键帧,然后在animation
属性中使用它。
以下是有关您的示例的JSFiddle demo。
有关CSS3的animation
属性的详情,请查看this URL。
答案 1 :(得分:0)
您需要将其添加到样式表中。
#fp_brands a .ui-effects-wrapper {
float: left !important;
width: 33% !important;
}
jquery-ui在其动画中使用的ui-effect-wrapper div有时会弄乱浮动元素。这是因为它的css规则包括宽度:100%;和float:none;
答案 2 :(得分:0)
使用元素检查器,将float:left;
应用于每个图像,使其根据需要进行动画处理。如果您不在其他任何地方使用它来保存代码,我会将它应用于类attachment-medium
答案 3 :(得分:0)
尝试添加此css并从width="33%"
代码中删除img
?
.attachment-medium {
position:relative;
width:235px;
height:100px;
}