エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSアニメーションでパタパタ(反転フラップ式案内表示機)を作ってみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSアニメーションでパタパタ(反転フラップ式案内表示機)を作ってみた - Qiita
かつて、鉄道や飛行機の案内板として活躍したパタパタ、あるいはソラリ―こと反転フラップ式案内掲示板を... かつて、鉄道や飛行機の案内板として活躍したパタパタ、あるいはソラリ―こと反転フラップ式案内掲示板をイメージをCSSアニメーションとJSで作ってみた。 なお、私が公開しているお気に入りの場所をマッピングした地図を公開するサービスToboggar でパタパタ型のUIを採用した。 サンプル Toboggar - 名古屋で食べるべきハンバーガー Top 10 ここで使用したソースを簡素化したものが今回の記事である。 完成形 まずは、出来上がりを Codepen で確認。(画面が表示されていないときは、Result をクリック) 左下の Start ボタンを押すとフラップが回る。 また、Slow ボタンでゆっくり回るので、動きをじっくり確認できる。 See the Pen Split-flap display animation by hiroatsu (@scqspcfg-the-solid) o