ページのどこかに以下のcssモジュールをコピペしてください一番上か一番下が見易いと思います。以下のように消したい文章を記述してください一部だけ消したい場合は、fadeout-wrapperの外に消したくない文章を配置してください。class="escape"]]消したくない文字[[/span]]と記述したところは消えません。これは文中何度でも使うことができます。.5sの値を1sとか0.1sとかにすれば任意の速さでフェードアウトできます。以下のように記述してください。CSSモジュールの一番上の変数でタイミングなどを調整できます。このページを参照してください。リンク先の構文を使用する際、このページにあるコードをコピペする必要はありません。なるはやで作ってお渡しします。やってること仕組み折り畳みブロックの中には、.fadeout-wrapperの前面いっぱいの大きさで背景色と同じ色の長方形が格納されています。折り畳みを展開するとこの長方形が表示され、文字を隠してしまうことで消えたように見せています。このギミックの肝は、折り畳みブロックの中の要素にかけられたCSSアニメーションは、折り畳みブロックが展開された時を0sとして動作を開始することです。これにより、折り畳みが展開されると同時にアニメーションがスタートし、--fadeout-timeで定義された時間で長方形の透明度を0から1に変化させています。SCP-JPで使用することを前提とし、header画像の下部に含まれる影のグラデーションを消すため、予めクロップした画像をheaderとして読み込ませています。