如何解決vscode keyframes報錯的問題

小編給大家分享一下如何解決vscode keyframes報錯的問題，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

vscode keyframes報錯怎么辦？

@keyframes shake-data-v-e732b878 {
            0% {
                -webkit-transform-origin: bottom;
                transform-origin: bottom;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
 
            25% {
                -webkit-transform-origin: bottom;
                transform-origin: bottom;
                -webkit-transform: rotate(24deg);
                transform: rotate(24deg);
            }
 
            50% {
                -webkit-transform-origin: bottom;
                transform-origin: bottom;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
 
            75% {
                -webkit-transform-origin: bottom;
                transform-origin: bottom;
                -webkit-transform: rotate(-24deg);
                transform: rotate(-24deg);
            }
 
            to {
                -webkit-transform-origin: bottom;
                transform-origin: bottom;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }

然后報錯

嚴重性    代碼    說明    項目    文件    行    禁止顯示狀態
錯誤    CS0103    當前上下文中不存在名稱“keyframes”    H5.Web.Site    D:\mywork_2.0\shesuites2\h6-suandao.site\4.Site\H5.Web.Site\Views\SuanDaoHome\GuanGongQian.cshtml    255    活動

解決方案：

只需要多加一個@符號轉義就ok。親測可用。

例如 @@keyframes blink

看完了這篇文章，相信你對“如何解決vscode keyframes報錯的問題”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！