鼠标移入图片 这个效果如何以最少的代码实现？比如只用css可以吗

<style>
.box {
    width: 100px;
    height: 100px;
    position: relative;
}
.select {
    width: 100px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.box:hover .select{
    display: block;
}
.select ul {
    position: absolute;
    width: 100px;
    height: 40px;
    display: none;
}
.select li {
    width: 100px;
    height: 20px;
    float: left;
}
.select:hover ul{
    display: block;
}
</style>