# コメント欄をふわふわと浮かせたい！書き込んだ人の名前の色をランダムに変えたい

**URL:** <https://forum.onecomme.com/t/topic/164>\
**Category:** カスタマイズ\
**Created:** [2022 年 4 月 20 日午前 11:10 UTC](https://forum.onecomme.com/t/topic/164 "2022-04-20T11:10:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mgank3](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/mgank3/32/209_2.png) [@mgank3](https://forum.onecomme.com/u/mgank3)\
**Post date:** [2022 年 4 月 20 日午前 11:10 UTC](https://forum.onecomme.com/t/topic/164/1 "2022-04-20T11:10:33Z")

</div>

対象: わんコメ  
表示画面:OBS  
利用OS: Windows  
利用バージョン: わんコメ3  
過去ログ確認: した  
ドキュメント確認（ [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://onecomme.notion.site/d04d95b33a03419c8924dad00f550006) ）: した  
内容:  
１、コメント欄をふわふわと浮かせたい  
出てくるアニメーションではなく、コメント欄自体がふわふわとさせたいです。  
背景？吹き出し？がゆらゆらですかね？

２、コメントを書き込んだ人の名前のみ、ランダムに色を変えたい  
カラフルにしたいです。

---

<div class="post-metadata">

**Author:** ![sikozon](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/sikozon/32/77_2.png) [@sikozon](https://forum.onecomme.com/u/sikozon)\
**Post date:** [2022 年 4 月 22 日午前 8:49 UTC](https://forum.onecomme.com/t/topic/164/2 "2022-04-22T08:49:47Z")

</div>

1に関しては、

```auto
@keyframes fuwa{
  0%,100% { transform:translateY( 0px ); }
  50% { transform:translateY( 5px ); }
}.comment { animation: 3s fuwa infinite; }

```

カスタムCSSに上記を追加すればそれらしい感じになるようですが、上下運動のうごきがしばしば揃っちゃうのでちょっとコレジャナイ感があるかもですｗ

* * *

２に関しましては、ゲーミングっぽく色が変わり続けるって感じなら上記の手口を流用すればできそうな気はしますが、おそらくそういう事ではないと思いますのでパスしますｗ  
（ランダムに、というのはイメージも実装も様々でしょうが、いずれにせよ実現するのはあまりお手軽ではない感じです）

---

<div class="post-metadata">

**Author:** ![mgank3](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/mgank3/32/209_2.png) [@mgank3](https://forum.onecomme.com/u/mgank3)\
**Post date:** [2022 年 4 月 22 日午後 2:58 UTC](https://forum.onecomme.com/t/topic/164/3 "2022-04-22T14:58:30Z")

</div>

具体的に助かりました！ありがとうございます！  
とある配信でコメントされる方の名前がランダムに色が変わっていたので、  
真似してみたいな～と思っていたのですが、難しそうですね。。