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

創(chuàng)新互聯是一家專注于成都做網站、網站建設與策劃設計,洪江管理區(qū)網站建設哪家好?創(chuàng)新互聯做網站,專注于網站建設十余年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:洪江管理區(qū)等地區(qū)。洪江管理區(qū)做網站價格咨詢:18980820575

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);
            }
        }

然后報錯

嚴重性    代碼    說明    項目    文件    行    禁止顯示狀態(tài)
錯誤    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報錯的問題”有了一定的了解，如果想了解更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道，感謝各位的閱讀！