使用CSS3 / HTML5在网页中弹出球体

Question

我正在设计一个登录页面的网络应用程序，我想在序列1中弹出填充的球体 - ＆gt; 2 - ＆gt; 3 - ＆gt; 4 - ＆gt; 5，如下（粗略地）绘制的表示所示。

我之前使用的是纯HTML，而且很少使用CSS。所以我对HTML5和CSS3很新。非常感谢你们的任何帮助。

谢谢， EG

Answer 1

请参阅此solution

在firefox和chrome中测试：

在你的css中使用转换延迟

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

有关详细信息，请参阅此link：