CSS3 转换/转换返回一个我无法理解的错误

Question

感谢您的帮助。

我正在使用 CSS3 过渡，并且我正在尝试在单击表单上的提交按钮时将过渡应用到 DIV。我拥有的代码如下，以及我在 JSfiddle 中得到的错误消息。在浏览器中，没有过渡，它只是立即到达最终目的地。

http://jsfiddle.net/2mMV5/

<div id="signup">
        <p>Sample text</p>

        <form action="#signup" method="POST">
            <input type="text" name="email" placeholder="Your email">
            <input type="Submit" name="submit" value="GO!">
        </form>
</div>

#signup {
    width: 400px;
    height: 400px;
    border-radius: 20px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin: 0 0 0 -200px;
    background-color: rgba(255,255,255,.01);
    box-shadow: 2px 5px 10px rgba(0,0,0,.5), 0px 0px 50px 0px rgba(255,255,255,.15) inset;
    transition: -webkit-transform 1s ease-in;
    -webkit-backface-visibility: hidden;
}

#signup:target{
    -webkit-transform: rotateY(180deg);

}

这是我收到的错误消息：

{"error": "Shell form does not validate{'html_initial_name': u'initial-js_lib', 'form': <mooshell.forms.ShellForm object at 0x266e910>, 'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib', 'label': u'Js lib', 'field': <django.forms.models.ModelChoiceField object at 0x266e8d0>, 'help_text': '', 'name': 'js_lib'}{'html_initial_name': u'initial-js_wrap', 'form': <mooshell.forms.ShellForm object at 0x266e910>, 'html_name': 'js_wrap', 'html_initial_id': u'initial-id_js_wrap', 'label': u'Js wrap', 'field': <django.forms.fields.TypedChoiceField object at 0x2665590>, 'help_text': '', 'name': 'js_wrap'}"}

Answer 1

您收到的错误只是因为该站点将呈现的页面放置在自己的小笼子中，而您试图打开的页面实际上并不存在，因为 笼子是在每个负载上从头开始制作的。我相信这是网站防止可能溢出的一种安全措施（例如，类似于 javascript for() 无限循环将页面重新加载到自身）。

我已经放置了您发布的确切代码here on my server，它可以按照您的描述工作。