html - CSS3/HTML5を使用してWebページに球をポップアップします

Question

ログインページで塗りつぶされた球を次の（大雑把に）描かれた表現で示されているように1-> 2-> 3->4->5の順序でポップアップしたいWebアプリを設計しています。

以前はプレーンHTMLを使用したことがあり、CSSはほとんど使用していません。だから私はHTML5とCSS3にとても慣れていません。あなたたちからのどんな助けも本当にありがたいです。

ありがとう、EG

Answer 1

このソリューションを参照してください

firefox と chrome でテスト済み:

CSS で遷移遅延を使用する

-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;

詳細については、次のリンクを参照してください。