css - CSS3 不透明度アニメーションは Firefox で機能しなくなりましたか?

Question

ここで CSS3 を使用して背景をフェードインさせました: http://www.cphrecmedia.dk/musikdk/stage/artistchannel.php

正常に動作しますが、Firefox (最新のベータ版) では動作しません。

面白いことに、私の小さなパルス アニメーションは正常に動作します: http://www.cphrecmedia.dk/musikdk/stage/chat.php

そのため、機能しない不透明アニメーションのようです。

これは私のコードです：

             .fadeIn{
                animation: fadein 1s;
                -moz-animation: fadein 1s; /* Firefox */
                -webkit-animation: fadein 1s; /* Safari and Chrome */
            }

            @keyframes fadein {
                from {
                    opacity:0;
                }
                to {
                    opacity:1;
                }
            }
            @-moz-keyframes fadein { /* Firefox */
                from {
                    opacity:0;
                }
                to {
                    opacity:1;
                }
            }
            @-webkit-keyframes fadein { /* Safari and Chrome */
                from {
                    opacity:0;
                }
                to {
                    opacity:1;
                }
            }

何が悪いのか知っている人はいますか？