html{
    height: 100px;
}
body{
    margin: 0;
    height: 100px;
    background-image: url(image/bg.jpg);
}
#box{
    /* border: 1px solid red; */
    border-collapse: collapse;
    margin: 20px auto;
}
#box td{
    /* border: 1px solid red; */
    width: 100px;
    height: 100px;
    background-image: url(image/hole.png);
    background-size: 100px 30px;
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
}  
.mouse{

    width: 90px;
    height: 90px;
    transition: all 0.5s;
    transform-origin: 50% 100%;
}
.mouse-down{
    transform: scale(1,0);
}
.hammer-down{
    cursor: url(image/)
}