VS 2015中直接使用@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\h5-suandao.site\4.Site\H5.Web.Site\Views\SuanDaoHome\GuanGongQian.cshtml    255    活動

 

 

解決方案:

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

例如 @@keyframes blink

發佈了43 篇原創文章 · 獲贊 44 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章