css3要素の簡単な点滅効果（html5 jquery）_javascriptスキル

css3 アニメーション:

コードをコピー コードは次のとおりです:

@-webkit-keyframes tinykling{ /*透明度は 0 から 1*/
0%{
opacity:0; /*透明度は 0*/
}
100%{
opacity :1; /*透明度は 1*/

}
}

Jquery:

コードをコピー コードは次のとおりです。

$(element).css({"-webkit-animation":"twinkling 1sfinity easy-in-out"}); // ちらつきアニメーションを追加します。オブジェクト要素

は、次のように CSS スタイルに追加することもできます。

コード をコピーします。コードは次のとおりです:

#element{

- webkit-animation: きらめく 1 秒の無限イーズインアウト

シンプル！実際、CSS3 を使用してアニメーション効果を作成するのは、Flash や JavaScript を使用するよりもはるかに便利で簡単です。ブラウザーがすぐに css3 アニメーションをサポートすることを願っています。現在、Webkit コアをサポートするブラウザー (safrai、chrome)
。