Что значит оператор @ в CSS?

Question

[JackBoner]

Сейчас натягиваю шаблон на asp.net mvc.
При попытке минифицировать стили (bundle optimization), фреймворк выдает ошибку на всех строках, содержащих символ '@'. (Razor тут не причем)

например ошибки:

Unexpected token, found '@-webkit-keyframes'
Unexpected token, found '@-webkit-keyframes'

кусок CSS кода

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

минификатор отказывается воспринимать такие куски когда

никогда прежде не видел в файлах css подобного кода

Answer 1

[Сергей Протько]

Все ключевые слова в CSS начинаются с @. Типа @ import, @ media, @keyframes и т.д. В вашем случае @keyframes просто идет с вендорным префиксом.