Textboxにお知らせバーを追加する

ref.

https://gyazo.com/cd91da3028849be4b8505d2ee0fe1809

2022/8/30

divの中身がULLIだと、一行目しか表示されない。

改行が入っているからだろう

code:style.css

.news-banner__content ul li{

display: inline;

}

https://gyazo.com/a9db25747233eca0a4534cee649bf3a3

めっちゃ速度が速くなった

全体量が増えたからだろう。

code:style.css

.news-banner__content {

display: inline-block;

color: #fff;

line-height: 30px;

padding-left: 100%;

white-space: nowrap;

animation: animate-banner 30s linear infinite;

}

20s→30sに変えてみた

https://gyazo.com/42476e2e897a326c5786f97b08f4918d

だいたいいい感じ。

名言集からランダムにもってきたり、RSSフィードから何かを持ってきたりしてもいいかもしれない。