young_hori【CSS】続きを読むボタンの作り方ツイートシェアはてブLINEPocket縦に長い要素を隠して、高さの均一化をしたいときに便利な「続きを読む」「もっと見る」ボタン。JSを使わずに、CSSのみで簡単に実装可能です。/*チェックされていたら、grad-itemのbeforeを非表示にする*/チェックボックスを使って表示・非表示を切り替えています。同一ページ内で複数の「続きを読む」ボタンを実装したい場合は、.grad-triggerのidと,grad-btnのforを別のIDにすることで実装できます。/*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。/*チェックされていたら、grad-itemのbeforeを非表示にする*/}参考サイト:https://metrograph.jp/css_gradation_paragraph/JSが苦手なウェブデザイナーに特におすすめこの方法がもっとも簡単に「続きを読む」ボタンを実装できるのではないでしょうか。CSSのみで実装できるため、JSが苦手なウェブデザイナーの方に特におすすめです。コメントをキャンセルメールアドレスが公開されることはありません。同じやり方で実装する方法RECOMMENDこちらの記事も人気です。同じ...WEBデザイン2019.3.3【cssコピペ】画像を縦中央にセンタリングする方法・中央寄せできないとき...WEBデザイン2019.3.3お名前の共用サーバーSDでベーシック認証の仕方。(7)管理人こんにちは。「シュマリ」を更新していますyoung_horiです。暇さえあれば漫画を読んでいます。今後とも何卒よろしくお願い申し上げます。