【CSS】本のページをめくるCSS【シンプルに改善版】 - Little Strange Software

どうも！LSSです！！ 以前に、 【CSS】本をめくる、という動作をCSSで表現してみました。 というものを作っていました。 そしてその後、【CSS】本をめくる、のページ追加方法についてにて、ページの追加方法について解説しましたが…これが不親切極まりない！^^; コード中、複数個所に追記が必要で、しかもCSSのスタイル指定部分まで手を加えないといけない。 理想としては、CSSの指定部分はそのままで、HTML部分の追記のみで解決したいところです。 その後、色々試行錯誤していましたが、だいぶ楽にページ追加可能なものができました^^ ついでに、本のサイズも「縦横比を保ったまま、スマホ画面でもPC画面でも幅めいっぱい表示」するようにしています。 本のページをめくるCSS コード ページ追加について 本自体の設定 本のサイズ ページをめくる速度 本の見ため あとがき 本のページをめくるCSS あいう

[kefugahi]

このコードは本当に面白いです。なんか自分もお借りしてうまいこと使えないかな…と思うけど思い付かない…。自分のブログ、イラスト以外の部分ではホントに飾り気ないからな…。

[hukunekox]

おお、大きい本になりましたね😆✨なんだか、ページめくるの好きですww