body { text-align:center; } .check-container { display:flex; justify-content:center; width:100px; height:100px; background:#ccc; border-radius:50%; transition:all 0.5s; margin:0 auto; overflow:hidden; } .check-container i.check-icon { width:10px; height:20px; border-color:#fff; border-style:solid; border-width:0 2px 2px 0; transform:rotate(45deg); margin-top:30px; } .check-container i.check-icon::after { content:" "; width:30px; height:30px; background:#ccc; display:block; position:absolute; top:0; left:0px; transition:all 0.5s; transform:rotate(45deg); } .check-container i.check-icon-move::after { left:30px; top:-30px; background:#666 } #complete { margin-top:20px; }
更新时间:2020-03-25 16:22:21