老师请帮忙看一下这样对吗？

来源：2-21 自由编程

铁蛋金刚侠

2020-11-22 22:11:58

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

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

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        padding:0;
        margin:0;
    }
    .box {
        width:88px;
        height:81px;
        position:relative;
        margin:0 auto;
        top:100px;
        background-image: url(images/xin.png);

    }

    .boxxin {
        width:88px;
        height:81px;
        position: absolute;
        background-image: url(images/xin.png);
        animation:change 1s linear 0s infinite;
    }

    @keyframes change {
        0% {
            opacity: 1;
            transform:scale(1);

        }

        50%{
            opacity: 0.5;
            transform:scale(1.5);
        }

        75%{
            opacity: 0.15;
            transform:scale(1.8);
        }

        100%{
            opacity:0;
            transform:scale(2);
        }
    }

</style>

<body>
    <div class="box">

        <div class="boxxin">

        </div>
    </div>

</body>

</html>
在这里输入代码，可通过选择【代码语言】突出显示