内包する要素をスライドさせて表示することができるこのタグは、一時は廃れたかのように見えましたが、最近再び見直されるようになり、同じ動作をするスクリプトが一部のスマートフォン対応サイトなどで使われています。実装する方法を紹介します。dog.</p></div>「marquee」というクラスを与えたボックスでスライドさせたい要素を囲む。これが基本の記述です。シンプルでいいですよね。いった簡単なプログラムコードに複雑さは厳禁です。translate(-100%);}}「.marquee」で内包する要素に、「padding-left」で「.marquee」の横幅と同じ値、もしくはそれよりも大きな値を指定しておくことが1つのポイントになります。あとはanimationとtranslateをそれぞれ指定してなめらかな動きを実現しています。このコードのデモは以下より。オンズ株式会社オンズ制作チーム。ウェブサイト制作、デザイン制作でお悩みの際はお気軽にご相談ください。https://on-ze.comTwitterFacebookFeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。【CSS3】最新の単位[vw][vh][vmin][vmax]の解説。モバイルデバイス(iPad、iPhone等)でサイトを観覧時に、右側に空白ができてしまう時の解決策。【CSS3】ブラウザの限界を突破した極小サイズの文字を表示させてみた。【CSS】マウスカーソルの形状を変える。【CSS3】マウスホバー時の様々なエフェクトを実装できる[Hover.css]が便利です。