VS 2015中直接使用@keyframes的问题报错问题解决方案

╰+攻爆jí腚メ 2023-06-11 05:24 72阅读 0赞

@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