エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSだけで無限ループの画像ギャラリーを作ってみる - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSだけで無限ループの画像ギャラリーを作ってみる - Qiita
今作っているwebサイトで、コンテンツの一つとして無限ループの画像ギャラリーを使いたかったので、作っ... 今作っているwebサイトで、コンテンツの一つとして無限ループの画像ギャラリーを使いたかったので、作って見ました。 今までこういうものはJSで作るものだと思っていたのですが、以外にCSSだけで出来た。CSSは奥が深い。 DEMO See the Pen css-infinite-slider by kawamata@元🚒エンジニア (@kawamataryo-the-sans) on CodePen. ポイント解説 画像の配置とダブリ 違和感なくループするように、6枚の画像をスクロールさせたい場合、1,2,3番目の画像と同様のものを7,8,9番目に配置します。 ダブリの画像を入れることで、切れ目なくループしているように見えます。 .item-1 background-image url(https://picsum.photos/400/300?image=101) .item-2 bac

