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