首先贴代码
* { margin: 0; padding: 0; } #main1, #main2, #main3 { float: left; width: 280px; margin-right: 10px; margin-left: 100px; } .box { position: relative; padding: 5px; border: 1px solid deeppink; background: pink; margin-bottom: 5px; animation: abvc 0.5s 1; } .box span { color: white; text-align: center; font-size: 18px; font-weight: 800; position: absolute; bottom: 10px; width: 270px; display: block; background: rgba(0, 0, 0, 0.3); } .box img { width: 100%; height: auto; } @keyframes abvc { 0% { opacity: 0; } 100% { opacity: 1; } } 内容内容内容
内容内容内容
内容内容内容
内容内容内容
内容内容内容
内容内容内容
内容内容内容
内容内容内容
然后效果是这样的24张图片没有无限出现,只出现这么几张,怎么办? |