.box {
width:100px;
height:100px;
background:red;
position:absolute;
}
.box1 {
width:200px;
height:200px;
background:yellow;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
}
主要是找到四个安全区域,再利用取反的原理进行碰撞检测变色的操作。