[OBS] ツイ〇ター風のツイキャスコメ欄カスタムCSS
ツイキャスの某配信枠で「ツイキャスのコメント欄をツ〇ッターのTLみたいに出来ないか？」という話があったので作ってみました。。 といっても、標準モードのタイムライン風の表示にしても、見た目がスマホアプリやブラウザで見る標準のツイキャスのコメント欄と大して変わらないので、新しいコメントが右側からスライドして入ってくるアニメーション効果を加えてみました。 [ 目次 ] カスタムCSSツイ〇ター風 設定 コメント欄サンプル フッター 更新履歴 今後の改善点 (??) 👉 📝 キャスコメカスタムCSS まとめ オーバーレイだけの表示だとコメントの部分しか表示されませんが、左の例の様に、ナビゲーションボタン部の画像をフッターに付けた背景を後ろに重ねて表示するとそれなりの見た目になります。 ツイ〇ター風カスタムCSS /* Generated by ツイ〇ター風キャスコメカスタムCSS (ツイキャス用) url: https://kii-memo.blogspot.com/2022/03/twitter-like-custom-css.html */ /* 絵文字フォントの読み込み */ @font-face { font-family: 'Noto Color Emoji'; src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf); } body { font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans','メイリオ','Meiryo'
