CSSだけで流れるテキストを実装してみた – アットクリエイト スタッフブログ

その昔…「marquee」というHTMLがありました。 このタグを使うと、さながら電光掲示板のように、流れるテキストを実装できたのですが。 このタグは「Internet Explorer」の独自要素で、現在は非推奨のタグです。 HTML5では廃止されゆくタグなのですが、流れるテキストはたまに要望があります。 JavaScriptでもありますけど、今回はこれもCSSで実装してみました。 CSS3は便利なのです。 ●サンプル ●HTML <div class="sample01"> 流れる文字が 流れてゆくよ～ </div> ●CSS .sample01 { margin : 0 auto 40px; width : 100%; font-size : 28px; text-align : center; overflow : hidden; } .sample01 p{ margin:0;