CSS3だけで作成するアニメーション機能に対応したブラウザなら、上記のh1要素は、ページ読み込み時に、3秒間かけて右端から左端へ向かってスライドします。 その際、真ん中で文字サイズが2倍になり、左端に到達する頃には元のサイズに戻ります。 1回しか再生されないので、再度見たい場合は、ページを再読込して下さい。
アニメーション効果が見えない場合は、ブラウザのバージョンが古い可能性があります。 Internet Explorerであれば、IE10以降を使って下さい。
記事に戻る