CSSアニメーションの投稿<span>

Question

CSSのアニメーションを<span>要素に適用しようとしていますが、動作させることができません。アニメーションを<span>要素に適用できるかどうかを示すリソースは見つかりません。だから、私は間違いをしているのですか、あるいはアニメーションの免疫にも及んでいますか？

編集：コード

Inf<span class="inf_o">o</span>rmation 
    <br> 
do<span class="don_n">n</span>e 
    <br> 
we<span class="dbl_l">ll</span> 

とCSS：

/* animations */ 
.inf_o 
{ 
    -webkit-animation-name: lower_head; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-timing-function:ease-in; 
    -webkit-animation-delay: 1s; 
    -webkit-animation-play-state: active; 
} 

@-webkit-keyframes lower_head 
{ 
    from {margin-top:0px;} 
    to {margin-top:10px;} 
} 

Answer 1

使用すると、表示プロパティを設定する必要がありますように見えます。明らかにブロックは単語を混乱させるので、インラインを使用する必要があります。 http://jsfiddle.net/jdmiller82/XWkRX/1/

「o」がわかるように、私はあなたのためにjsfiddleを調理しました。

Answer 2

私のスパンアニメーションを動作させるのに苦労しました。私の場合、ページは、displayがnoneに設定された状態で読み込まれます。私は多くの回避策を試しましたが、最終的に働いたのは残念ながらdisplay: noneをcssから削除し、ページが読み込まれたときに隠していました。

重要な場合は、jQueryを使用してスパンを表示/非表示にしています。