* { margin:0; padding:0; } .box { width:600px; height:450px; margin:100px auto; position:relative; } ul { list-style:none; } .imga { width:100%; height:100%; position:relative; } .item img { width:600px; height:450px; } .item { position:absolute; transition:all 1s; opacity:0; } .item.active { z-index:100; opacity:1; } .dian { position:absolute; right:250px; bottom:20px; z-index:10000; } .point { width:10px; height:10px; background-color:rgb(202,202,207); border-radius:10px; float:left; margin-right:10px; cursor:pointer; } .point.active { background-color:rgb(0,0,0); } .box:hover .btn { display:block; } .btn { width:30px; height:60px; font-size:30px; opacity:.5; border:none; position:absolute; top:195px; cursor:pointer; display:none; z-index:1000; } #right { right:0; } #left { left:0; }
更新时间:2022-12-04 23:36:02