ネームプレート付き吹き出し テンプレ 「Hiduki Name Balloon」

テンプレート名: 「Hiduki Name Balloon」
対応バージョン: わんコメ 4.0.0以上
配布URL: わんコメ用 ネームプレート付き吹き出し テンプレ 「Hiduki Name Balloon」 - 緋月シュン - BOOTH
ライセンス: 改変OK, 再配布NG
説明:
ネームプレートが付いた吹き出しのテンプレートになります。
1つのコメントあたりのスペースをゆったりと広めに取りたいかたにおススメです。

また、アイコンの位置が右端の、縦幅スリムめバージョン「スリム版」も用意しております。
img_2

カスタムCSS例:
吹き出しの尻尾部分が簡素な代わりに、カスタムCSSが必要ですが、背景色を色々変更して遊ぶことが出来ます。

・グラデーション+透過ありの場合

:root{
  --lcv-name-plate-color:linear-gradient(315deg, rgba(36,0,6,1) 0%, rgba(250,0,34,1) 35%, rgba(255,159,167,1) 100%);
  --lcv-background-color:linear-gradient(315deg, rgba(2,0,36,0.5) 0%, rgba(0,0,250,0.5) 35%, rgba(0,212,255,0.5) 100%);
}

・グラデーション+アニメーション有りの場合
ScreenRecorderProject6

:root{
  --lcv-comment-shadow: var(--lcv-comment-shadow-2);
  --lcv-background-color:linear-gradient(90deg, rgba(101,132,255,1) 0%, rgba(255,159,167,1) 100%);
  --lcv-comment-body-bgsize:400% 100%;
  --lcv-comment-body-animation:var(--lcv-bg-animation-x);
  --lcv-bg-animation-duration:3s;
}

・レインボーの場合
ScreenRecorderProject12

:root{
  --lcv-comment-shadow: var(--lcv-comment-shadow-2);
  --lcv-background-color:linear-gradient(199deg, rgba(254,0,0,1) 0%, rgba(255,247,0,1) 13%, rgba(31,255,0,1) 27%, rgba(0,255,248,1) 43%, rgba(0,1,255,1) 59%, rgba(235,70,252,1) 80%, rgba(255,0,0,1) 99%);
  --lcv-comment-body-bgsize:1000% 100%;
  --lcv-comment-body-animation:var(--lcv-bg-animation-x);
  --lcv-bg-animation-duration:7s;
}
2 Likes