Razor 输出@-webkit-keyframes [英] Razor output @-webkit-keyframes

问题描述

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

How i can output "@-webkit-keyframes" in a razor page?

我试过了

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

        100% {
            width: 100%;
        }
    }

但似乎不起作用.谢谢.

but seems not to work. thanks.

推荐答案

在 'Keyframes' 或 '-Webkit-..' 前面使用@@ 使代码无缝运行.

Use @@ in front of 'Keyframes' or '-Webkit-..' to make the code work seamlessly.

这是一段用于剃刀视图的虚拟代码:

Here is a dummy piece of code for razor views:

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

这篇关于Razor 输出@-webkit-keyframes的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！