Question

当我尝试使用CSS动画时，我收到了解析器错误。

＆＃39; /＆＃39;中的服务器错误应用

分析器错误

描述：解析为此请求提供服务所需的资源时发生错误。请查看以下特定的解析错误详细信息并相应地修改源文件。

分析器错误消息：＆＃34; - ＆＃34;在代码块的开头无效。只有标识符，关键字，评论＆＃34;（＆＃34;和＆＃34; {＆＃34;有效。

<html>
<head>
.spin {
        -webkit-animation: spin .2s infinite linear;
        -moz-animation: spin .2s infinite linear;
        -o-animation: spin .2s infinite linear;
        animation: spin .2s infinite linear;
        -webkit-transform-origin: 50% 58%;
        transform-origin: 50% 58%;
        -ms-transform-origin: 50% 58%; /* IE 9 */
    }

    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }



</style>
</head>
<body>
<h1 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon glyphicon-record spin"></span>
<span class="glyphicon glyphicon-send spin"></span>
<span class="glyphicon glyphicon-star spin"></span>
</h1>

<h3 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon glyphicon-record spin"></span>
<span class="glyphicon glyphicon-send spin"></span>
<span class="glyphicon glyphicon-star spin"></span>
</h3>

<h6 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon glyphicon-record spin"></span>
<span class="glyphicon glyphicon-send spin"></span>
<span class="glyphicon glyphicon-star spin"></span>
</h6>
</body>
</html>

Answer 1

在head标记下方和CSS代码上方添加<style type="text/css">。看起来你已经在底部有了结束标记。

CSS动画 - 分析器错误

1 个答案: