初めまして、今年4月に入社したエンジニアのJackieです。 コーダーとしてはまだ未熟者ですが、よろしくお願いします。 今回弊社の運営しているサイト「チワワnowa」のトップページで表示されるスライダーを実装しました。 可愛いチワワたちの写真をゆっくりと流れ続けるスライダーで見せてます。 チワワのスライダー 失敗談 最初はプラグインで作ってみて、jsの3行くらい変えるだけですぐ作れたと思ったが、どうやら甘かった…! 確認してみたところ、なぜかウィンドウを拡大・縮小した時に、スライダーが止まったり、速度が落ちたりもしくはすごい速さで走ったり、逆流したりします…! プラグインのコード読めないし、直し方も全く分かりません。 今回は別の方法を試してみましょう! CSSだけで書いてみよう まずはHTMLとCSSを用意します。 HTML <!-- スライダー --> <div class="row">
![CSSだけで流れ続けるスライダーを作ってみる |](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1600d5312d0778c4cd4581c77f6d19bc7e0d205/height=288;version=1;width=512/https%3A%2F%2Fwww.evoworx.co.jp%2Fwp2024%2Fwp-content%2Fuploads%2F2019%2F01%2Fcss3-1.jpg)