テーマの中心は、多肉からクラフト、身近な疑問に変化。文字が流れる・逆バージョン前回、「文字が右から左へ流れる」編をご紹介しました。その逆バージョンも、以下に紹介します。👆上のテキストが左から右へと流れています。「右から左へ」バージョンのソースをほんの少し入れ替えただけです。以下にそのソースを紹介します。「0%」を「-100%」に「-100%」を「0%」に入れ替えただけです。※なお、「右から左へ」へと「左から右へ」との違いを示すために「.marquee-anim」の「クラス名」を「.marquee-animl」に変えています。実は、もっとシンプルな<marquee>タグを使う方法があるのですが、HTML5ではこの機能は廃止されました。動作するブラウザーもありますが、いつ使えなくなるか分からないので、使わないよう方が無難です。面倒くさいですが、上で紹介したCSSを使う方法が今後のことを考えると確実です。私のブラウザーは、多くの方が使用しているChromeですが、問題なく動作していますので以下にそのシンプルな方法を紹介します。Edge、IEでも試してみましたが動作しました。以下にソースを紹介します。direction="right"><span>(ここに流したいテキスト文が入る)</span></marquee>開始<marquee>タグ中に「direction="right"」を挿入すると右方向に流れます。違いは、この部分だけです。左右往復させると、こうなります。behavior="alternate"><span>(ここに流したいテキスト文が入る)</span></marquee>開始<marquee>タグ中に「behavior="alternate"」を挿入しました。往復回数を指定するときは、続けて「loop="数値"」を挿入します。数値の回数分だけ往復します。指定が無ければ、無限に往復します。文字が流れる・左右往復編ブログ気持玉クリックして気持ちを伝えよう!ログインしてクリックすれば、自分のブログへのリンクが付きます。06:39わけいwingaさんへコメントどうもありがとうございます。<marquee><span>わけいさああああん!</span></marquee>で、右→左へ流れます。(項目4の最初のやつ)iPhoneでもOKでした。※ただし、コメント欄に表示させるために「<」だけ全角にしてあります。気持玉見たら、wingaさんのがいっぱい流れていました。ありがとうございます。