css 动画将 svg 图像旋转 90 度并停止

如何将图像从左上角动画到 90 度，然后停止动画。

.sub-page-logo img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 300px;
    animation-name: spin;
    animation-duration: 1000ms;
    
    animation-timing-function: linear;

}
@keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(90deg); 
        }
    }