toranoana-lab https://blog.hatena.ne.jp/toranoana-lab/ 虎の穴ラボ技術ブログ https://toranoana-lab.hatenablog.com/ 技術エントリ CSS JavaScript こんにちは、虎の穴ラボのおっくんです。 昨今の COVID-19 関連ニュースの裏で、去る 3月13 日にひっそりと東海道新幹線車内のニューステロップの提供が終わってしまいました。 toyokeizai.net 特別な思い入れがあるわけではないのですが、そこに在ったものが無くなったというのは少し寂しくもあります。 今回は、新幹線の車内ニュース風の表示を CSS アニメーションで作成したので、紹介します。 実行環境 OS: macOS Mojave 10.14.6 Node.js: 12.13.1 npm: 6.12.1 環境構築 npm init -y # http-serverをインストール… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftoranoana-lab.hatenablog.com%2Fentry%2F2020%2F04%2F17%2F180450" title="新幹線の車内ニュースに思いを馳せて - CSSアニメーション - - 虎の穴ラボ技術ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/toranoana-lab/20200417/20200417145426.png Hatena Blog https://hatena.blog 2020-04-17 18:04:50 rich https://toranoana-lab.hatenablog.com/entry/2020/04/17/180450 1.0 100%