body { background-color:#EEE; } .error-fox { margin:50px auto; text-align:center; color:red; } .game-fox,.qipan-fox { width:400px; height:400px; border:0px #000 solid; margin:0px auto; box-shadow:5px 5px 20px #000; position:relative; } .qipan { box-shadow:0 0 1px #DDD; position:absolute; width:100px; height:100px; } .card { box-shadow:0 0 0px #DDD; position:absolute; width:100px; height:100px; cursor:pointer; } .c-tran-4 { transition:all 0.2s; } .card-nr { width:50px; height:50px; left:25px; top:25px; line-height:15px; text-align:center; position:absolute; background-color:#FFF; background-size:100% 100%; cursor:pointer; transition:all 0.2s; } .qipan-nr { position:absolute; width:100px; height:100px; cursor:pointer; } /* 飞跳洞 */ .card-ftd { font-size:0.5em; } /* 不同状态不同类 */ .card-cs-1 { background-image:url(img/card-bg.jpg); } .card-cs-4 { width:60px; height:60px; left:20px; top:20px; box-shadow:0 0 30px #94D8F6; z-index:99; } /* 翻牌特效 */ .card-fanpai { transform:rotateY(90deg); } .card-hover { box-shadow:0 0 20px #94D8F6; } /* 做标 */ .zuobiao { width:10px; height:10px; border-radius:50%; background-color:green; box-shadow:0 0 10px green; margin:45px; transition:all 0.5s; transform:scale(0,0); } .zuobiao-show { transform:scale(1,1); } /* 线段 */ .xd-td { width:100px; height:100px; position:absolute; border:1px #aaa solid; }
更新时间:2021-09-08 09:11:35
朋友开发的,反正没见过其他版本的