CSS动画在Chrome中不起作用

下面的代码在Chrome中似乎不起作用。我们如何让这个代码在Chrome中运行

h1 {
    animation-duration: 5s;
    animation-name: slidein;
    font-size:36px;
    color:#7D1212;
}
@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
    75% {
        font-size: 300%;
        margin-left: 25%;
        width: 150%;
    }
}

---

SlideIn不作为动画存在，但您可能会使用类似的方法将类似的动画添加到您希望获得的动画中：

---

使用

BounceInLeft而不是slideIn。
您如何发现它不受支持