Razor output @-webkit-keyframes

本文关键字：@-webkit-keyframes output Razor | 更新日期: 2023-09-27 18:35:52

如何在剃刀页面中输出"@-webkit-keyframes"？

我试过了

@@-webkit-keyframes progressBar {
        0% {
            width: 0;
        }
        100% {
            width: 100%;
        }
    }

但似乎不起作用。谢谢。

Razor output @-webkit-keyframes

在

"关键帧"或"-Webkit-.."前面使用@@，使代码无缝工作。

下面是一段用于剃刀视图的虚拟代码：

    .blinkMan1 {
        animation: blinker 2s linear 0s forwards;
    }
    .blinkMan2 {
        animation: blinker 2s linear 3s forwards;
    }
    .blinkMan3 {
        animation: blinker 2s linear 6s forwards;
    }
    .blinkMan4 {
        animation: blinker 2s linear 9s forwards;
    }

    /* Chrome, Safari, Opera */
    @@-webkit-keyframes blinker {
        to {
            background-color: rgba(115, 242, 203, 0.80);
        }
    }
    /* Standard syntax */
    @@keyframes blinker {
        to {
            background-color: rgba(115, 242, 203, 0.80);
        }
    }