することで、各スライドの水平方向の座標(位置)が定義できます。この座標(数値)があるのでanimationさせることができます。display:flexでは横並びにはできますが、animationさせることはできません。:ご回答ありがとうございます。positionに関しては理解いたしました。ありがとうございます。制約で、進行中のanimationを続けてスタートすることができないということがあり、戻るボタンをクリックして前のスライドに戻り、再びクリックしたスライドに戻った時に戻るボタンをクリックしたケースでは動作しない。知識・リサーチ力が足らず、見つけられなかったため、質問させていただきました。お忙しいところ申し訳ございません。ご確認頂けますと幸いです。自分で書いたことを失念していました。このサイトでは、JSを使わないことを前提に書いていますので、私も詳しくは検討していません。rel="nofollow">https://blog.ariafloat.com/article/cssanimationrestart/</a>などが参考になると思います。animation-nameで統一できないものなのかなと考えてみたのですが...質問ばかりで申し訳ございません。flame文が必要になります。:なるほどそういうことなのですね。jsとそういったところが違うとは知りませんでした。疑問を持ち、それを解決していけば、レベルがどんどん上がっていきます。:こんにちは、昨日はいろいろとありがとうございました。1つ自分で検証したくご質問しなかったことなのですが、#photo0,#photo6を省略した方法などは無いものでしょうか?自分でもいろいろkeyframe等をいじくって、スムーズにいかないか試してみたのですが、スムーズにいったとしても、buttonが効かなくなったりと、他の不具合が出る結果となりました。何かご意見等をお持ちでしたら、ご教授いただければ幸いです。返信が遅くなってしまい、申し訳ございません。機能的には問題ございません。省略した方法を模索していた次第です。正しくはslideで画像と文字を一緒になったものをslideさせる際です。:私には良くわかりませんが、このスライダーを含むコンテンツが一つのコンテンツですから、スライダー内の文字列が重複していても、いわゆる重複コンテンツには当たらないような気がしますが、いかがでしょう。いずれにしろ、#photosとして帯状のslide群を移動させる方式では難しいので、1枚1枚が移動するタイプに書き換えないといけませんね。yoshiさんがどのような方法でおやりになっているかわかりませんが、これをヒントにご検討ください。無茶な質問して申し訳ございませんでした。1枚1枚が移動する方法というのをヒントにまた模索してみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。フォトギャラリー・スライドショ。