配信画面からのコメントのフェードアウト

ご要望ありがとうございます（アスティさんではありませんがｗ）

実はある程度はOBSのカスタムCSSレベルで対応できそうですので、サンプルをどうぞ。
（というわけで、トピックは後ほどカスタマイズのカテゴリに移動させていただきますねｗ）

@keyframes timerout{
  100% { transform:translateX( -100% ); opacity: 0;}
}.comment { animation: 1s ease 3s timerout forwards; }

※「3秒」後に「1秒」かけて「左にスライドアウト」します。
「右にスライド」させたい場合は-100%となっているところを200%に、
コメントの表示時間を変更したい場合は3sとなっているところを「秒数+s」に、
という風な感じで調整できますので、色々と調整していただけましたら。

シェアいただきありがとうございます！

あ、そういうことだったのですね
今回、質問いただいた内容を私が完全に勘違いしてしまっていたようで、
的外れな案内となっていました、申し訳ありません。

改めまして、

こちらのdisplay:noneの「display」というプロパティが、とにかくアニメーションと相性が悪いようなので、animationと併用する場合は、解決方法としてお使いいただいてるように「opacity」などで代替するのが良さそうです。

問題ないかと思われます。

その上で、私の方で新しく思いついた別アプローチの方法が一つありますのでご紹介させていただきますね。
こちらの方法だと、２個目以降のコメントはフェードアウトなどもなく完全に一瞬で見えなくなるという挙動になります。

@keyframes timerout{
  100% { transform:translateX( -100% ); opacity: 0;}
}
.comment { 
  animation: 1s ease 3s timerout forwards; 
  margin-top:100%;
}

（※四行目はazoazoさんが見つけられていた.comment:nth-last-child(-n+2) {という記載でも良いかもしれません。）
azoazoさんは以前にコメント同士の間隔について触れられていたと思いますが、
この例では「コメント同士の間隔をとても長くすることで、次のコメントが画面外まで離れて見えないようにする」といったアプローチにより「１個目のコメント以外は画面に映さない」を実現しています。参考までに

お知らせ遅くなりました、ご所望の機能ですが、わんコメ3.0の公開前後頃に、
テンプレートジェネレーターにて「コメント自動非表示」の項目が晴れて追加されておりますので、

これにてご要望解決ということで、当トピックはクローズさせていただきます