# テキストの自動スクロールをしたい

**URL:** https://www.nocode-faq.com/t/topic/3117
**Category:** bubble
**Created:** [2022 年 8 月 28 日午後 12:27 UTC](https://www.nocode-faq.com/t/topic/3117 "2022-08-28T12:27:31Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![toshihiro.sato](https://avatars.discourse-cdn.com/v4/letter/t/ec9cab/32.png) [@toshihiro.sato](https://www.nocode-faq.com/u/toshihiro.sato)
#### Post date: [2022 年 8 月 28 日午後 12:27 UTC](https://www.nocode-faq.com/t/topic/3117/1 "2022-08-28T12:27:32Z")

</div>

bubbleにてテキストの自動スクロールをしたいです。  
CSSで実装できると思いますが、（[https://chepirare.com/css/marquee/）](https://chepirare.com/css/marquee/%EF%BC%89)  
bubbleで実装するにはどうすればいいかわからず・・  
css toolsなどもあると思いますが、今今使い方がわかっていないのでお伺いしたいです。

---

<div class="post-metadata">

### Author: ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)
#### Post date: [2022 年 8 月 29 日午前 2:47 UTC](https://www.nocode-faq.com/t/topic/3117/2 "2022-08-29T02:47:43Z")

</div>

このようなスクロールでしょうか。

テキストのID Attributeにmarqueeと入力  
参考CSS

```auto
#marquee {
 animation-name: auto_scroll;
 animation-duration: 10s;
 animation-iteration-count: infinite;
}

@keyframes auto_scroll {
  0% { transform: translateX(0) }
  100% { transform: translateX(-100%) }
}

```

> **[Gyazo](https://gyazo.com/8460db149cab44307a1414675be556cd)**
>
> Easily capture screenshots, GIFs, and replays that are ready to share. Download the free app for windows and mac.

---

<div class="post-metadata">

### Author: ![toshihiro.sato](https://avatars.discourse-cdn.com/v4/letter/t/ec9cab/32.png) [@toshihiro.sato](https://www.nocode-faq.com/u/toshihiro.sato)
#### Post date: [2022 年 8 月 30 日午後 1:32 UTC](https://www.nocode-faq.com/t/topic/3117/3 "2022-08-30T13:32:26Z")

</div>

ありがとうございます！参考にしてやってみます！！