请帮忙看一下代码是否需要改进呢？

来源：2-9 自由编程

铁蛋金刚侠

2020-11-22 12:09:34

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码
*{
    padding:0;
    margin:0;
}

.box {
    width:380px;
    height:210px;
    margin:0 auto;
    overflow: hidden;
    position:relative;

}

.box img{
    width:380px;
    height:210px;
}

.box .info {
    position:absolute;
    width:380px;
    height:30px;
    line-height: 30px;
    background-color: rgba(0,0,0,0.5);
    top:210px;
    transition:top 0.6s linear 0s;
}

.box:hover .info{
    top:180px;

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="css/css.css">
</head>
<body>

    <div class="box">
        <img src="images/duck.png" alt="">
        <div class="info">这是一只小黄鸭</div>
    </div>


</body>
</html>

，可通过选择【代码语言】突出显示